Notes SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/IPj7r8hkYidU/amnt.svg" alt="Notes" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="cream" data-name="Cream"><path d="M558 208c-88 0-176 0-264 0-21 0-47-4-66 3-12 5-22 15-26 27-6 19-2 113-2 141 0 88 0 176 0 264 0 44 0 88 0 132 0 24-4 70 1 91 3 9 9 17 16 23 5 5 13 9 21 10 27 4 72 0 101 0 43 0 86 0 130 0 47 0 94 0 142 0 19 0 44 4 63-2 13-3 24-14 29-26 7-19 3-224 3-261 0-88 0-176 0-263-33 0-80 4-110 0-9-1-17-5-23-11-7-6-13-14-15-24-4-25 0-76 0-104zM279 322c11-2 24 0 36 0 30 0 60 0 90 0 20 0 42-1 63 0 25 1 27 26 7 30-10 2-23 0-33 0-31 0-62 0-92 0-21 0-43 1-63 0-26-1-28-26-8-30zm1 95c21-4 58 1 81 1 39 0 80-1 120-1 33 0 66 0 100 0 14 0 35-4 49 2s10 25-4 29c-17 5-39 1-57 1-48 0-96 0-144 0-34 0-68 0-102 0-15 0-36 4-49-3-14-7-8-26 6-29zm-3 96c14-4 34 0 50 0 50 0 101 0 152 0 33 0 67 0 101 0 14 0 35-4 49 1 14 4 13 25-1 29-16 5-38 1-54 1-49 0-98 0-147 0-34 0-68 0-101 0-15 0-36 4-49-1-14-5-15-26 0-30zm0 94c14-4 34 0 50 0 50 0 101 0 152 0 33 0 67 0 101 0 13 0 37-3 49 1 15 4 13 25-1 29-16 5-38 1-54 1-49 0-98 0-147 0-34 0-68 0-101 0-15 0-36 4-49-1-14-5-15-26 0-30zm0 91c14-4 34 0 50 0 50 0 100 0 151 0 33 0 67 0 101 0 15 0 35-4 49 0s14 26 0 30-34 0-49 0c-51 0-101 0-151 0-34 0-68 0-101 0-14 0-37 3-50 0-14-4-14-26 0-30zm7 88c13-1 27 0 41 1 31 1 63 0 95 0 23 0 46-1 69 0 6 0 15-2 21 1 15 5 10 26-3 29-16 4-120 1-144 1-25 0-49 1-73 0-30-1-33-29-6-32z" fill="#fcf2d6" stroke="#fcf2d6"/><path d="M585 215c0 15-3 94 5 101s85 4 101 4z" fill="#fcf2d6" stroke="#fcf2d6"/></g><g id="navy" data-name="Navy"><path d="M734 826c18 0 37 2 54 0 39-4 63-39 64-75 1-65 0-129 0-193 0-65 0-129 0-193 0-24 4-138-1-151-3-8-13-16-19-21-32-33-64-65-96-97-8-9-16-19-27-23-15-7-116-4-139-3-43 2-194-7-223 4-19 8-35 23-42 42-8 20-5 43-5 64-55 0-119-5-127 66-3 22-1 45-1 68 0 41 0 82 0 124 0 128 0 255 0 384 0 14-1 28 1 42 8 46 44 63 87 63 63 0 128 0 192 0 63 0 128 0 192 0 72 0 90-33 90-101zM679 97c0 26-4 87 2 109 3 8 6 13 12 19 6 5 13 9 22 11 27 4 80 0 110 0 0 109 0 218 0 327 0 54 0 108 0 163 0 12 2 26-1 38-10 42-57 35-90 35 0-85 0-170 0-255 0-43 0-86 0-128 0-17 4-79-2-91-3-7-13-13-18-18-21-22-111-120-131-125-21-6-53-2-75-2-61 0-121 0-181 0 0-15-2-31 0-45 6-41 47-38 78-38 18 0 37 0 56 0 72 0 145 0 218 0zm28 7l104 105c-16 0-94 3-101-5-6-6-5-87-3-100zM558 208c0 28-4 79 0 104 2 10 8 18 15 24 6 6 14 10 23 11 30 4 77 0 110 0 0 87 0 175 0 263 0 37 4 242-3 261-5 12-16 23-29 26-19 6-44 2-63 2-48 0-95 0-142 0-44 0-87 0-130 0-29 0-74 4-101 0-8-1-16-5-21-10-7-6-13-14-16-23-5-21-1-67-1-91 0-44 0-88 0-132 0-88 0-176 0-264 0-28-4-122 2-141 4-12 14-22 26-27 19-7 45-3 66-3 88 0 176 0 264 0zm27 7l106 105c-16 0-93 3-101-4s-5-86-5-101z" fill="#012355" stroke="#012355"/><path d="M280 417c-14 3-20 22-6 29 13 7 34 3 49 3 34 0 68 0 102 0 48 0 96 0 144 0 18 0 40 4 57-1 14-4 18-23 4-29s-35-2-49-2c-34 0-67 0-100 0-40 0-81 1-120 1-23 0-60-5-81-1z" fill="#012355" stroke="#012355"/><path d="M277 607c-15 4-14 25 0 30 13 5 34 1 49 1 33 0 67 0 101 0 49 0 98 0 147 0 16 0 38 4 54-1 14-4 16-25 1-29-12-4-36-1-49-1-34 0-68 0-101 0-51 0-102 0-152 0-16 0-36-4-50 0z" fill="#012355" stroke="#012355"/><path d="M277 513c-15 4-14 25 0 30 13 5 34 1 49 1 33 0 67 0 101 0 49 0 98 0 147 0 16 0 38 4 54-1 14-4 15-25 1-29-14-5-35-1-49-1-34 0-68 0-101 0-51 0-102 0-152 0-16 0-36-4-50 0z" fill="#012355" stroke="#012355"/><path d="M277 698c-14 4-14 26 0 30 13 3 36 0 50 0 33 0 67 0 101 0 50 0 100 0 151 0 15 0 35 4 49 0s14-26 0-30-34 0-49 0c-34 0-68 0-101 0-51 0-101 0-151 0-16 0-36-4-50 0z" fill="#012355" stroke="#012355"/><path d="M284 786c-27 3-24 31 6 32 24 1 48 0 73 0 24 0 128 3 144-1 13-3 18-24 3-29-6-3-15-1-21-1-23-1-46 0-69 0-32 0-64 1-95 0-14-1-28-2-41-1z" fill="#012355" stroke="#012355"/><path d="M279 322c-20 4-18 29 8 30 20 1 42 0 63 0 30 0 61 0 92 0 10 0 23 2 33 0 20-4 18-29-7-30-21-1-43 0-63 0-30 0-60 0-90 0-12 0-25-2-36 0z" fill="#012355" stroke="#012355"/></g><g id="baby-blue" data-name="Baby Blue"><path d="M679 97c-73 0-146 0-218 0-19 0-38 0-56 0-31 0-72-3-78 38-2 14 0 30 0 45 60 0 120 0 181 0 22 0 54-4 75 2 20 
…

.notes {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/IPj7r8hkYidU/amnt.svg");
  background-size: contain;
}

.notes {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/IPj7r8hkYidU/amnt.svg") center / contain no-repeat;
}

import NotesSvg from "./notes.jsx"; // from the React tab above

<NotesSvg width={48} height={48} />