Pencil SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="black" data-name="Black"><path d="M891 37c-29 4-46 43-65 53-3 2-7 1-11 3-10 5-42 39-51 49-9 8-20 14-27 23-3 4-4 9-7 13-5 7-14 13-20 20-20 20-41 41-61 61-79 77-155 155-232 232-78 77-155 154-232 232-5 5-11 10-15 15-12 15-19 36-28 53-14 27-28 53-42 80-7 12-47 83-46 91 1 6 5 8 10 8 8 0 42-21 51-26 50-27 100-54 151-81 23-12 94-90 118-114 77-77 153-156 231-232 79-76 153-157 232-233 4-5 10-8 14-14 2-3 2-7 5-10 2-3 6-5 8-8 9-9 41-42 46-50 3-4 3-9 6-14 6-10 19-20 28-28 7-7 15-14 18-23 20-46-34-106-81-100zm27 140c-17-24-53-68-81-79 36-27 53-80 104-26 46 48 12 70-23 105zm-16 25c-25-34-51-69-90-89 4-6 8-10 15-9 16 2 85 69 85 85 0 6-6 9-10 13zm-96-82c26 10 78 64 89 89l-14 15c-5-6-9-14-14-20-21-28-46-53-76-70zm-22 21c22 10 42 30 58 48 6 6 33 35 32 43-1 6-12 14-15 18-13-35-61-75-92-93zm56 132c-6-32-67-83-96-97 2-5 10-12 16-12 17 0 91 74 92 92 0 8-6 14-12 17zm-99-87l24 14c-74 76-152 151-227 226-20 21-42 40-62 62-46 50-96 96-144 145-20 19-110 115-125 123-11 6-21 5-32 1 4-14 120-125 140-145 47-47 94-95 142-142 94-95 189-190 284-284zm32 20c13 13 31 25 40 42-96 97-192 193-288 289-49 48-97 96-144 144-25 24-49 48-72 72-10 9-42 46-51 50-11 5-26 2-34-7-8-8-11-24-6-34 3-8 106-106 121-122 46-50 96-97 145-145 96-97 192-193 289-289zm47 50c3 6 13 17 12 24-1 5-47 49-54 56-25 24-49 49-73 73-49 49-98 98-147 147-49 48-98 97-146 146-37 36-73 73-109 110-12 11-24 29-39 37-7-12-6-27 1-38s21-21 30-30c31-29 60-60 91-90 48-48 95-98 144-145 99-95 193-194 290-290zM170 766c12 5 23 6 36 2 0 32 13 47 46 47-4 14-4 26 3 38l-104 56c-10-16-15-33-38-33z" fill="#15161b" stroke="#15161b"/></g><g id="yellow" data-name="Yellow"><path d="M773 206c-97 96-193 192-289 289-49 48-99 95-145 145-15 16-118 114-121 122-5 10-2 26 6 34 8 9 23 12 34 7 9-4 41-41 51-50 23-24 47-48 72-72 47-48 95-96 144-144 96-96 192-192 288-289-9-17-27-29-40-42z" fill="#fdd902" stroke="#fdd902"/><path d="M820 256c-97 96-191 195-290 290-49 47-96 97-144 145-31 30-60 61-91 90-9 9-23 19-30 30s-8 26-1 38c15-8 27-26 39-37 36-37 72-74 109-110 48-49 97-98 146-146 49-49 98-98 147-147 24-24 48-49 73-73 7-7 53-51 54-56 1-7-9-18-12-24z" fill="#fdd902" stroke="#fdd902"/><path d="M741 186c-95 94-190 189-284 284-48 47-95 95-142 142-20 20-136 131-140 145 11 4 21 5 32-1 15-8 105-104 125-123 48-49 98-95 144-145 20-22 42-41 62-62 75-75 153-150 227-226z" fill="#fdd902" stroke="#fdd902"/></g><g id="honey" data-name="Honey"><path d="M170 766l-57 110c23 0 28 17 38 33l104-56c-7-12-7-24-3-38-33 0-46-15-46-47-13 4-24 3-36-2z" fill="#fcc472" stroke="#fcc472"/></g><g id="fuchsia" data-name="Fuchsia"><path d="M918 177c35-35 69-57 23-105-51-54-68-1-104 26 28 11 64 55 81 79z" fill="#fb66a1" stroke="#fb66a1"/></g><g id="silver" data-name="Silver"><path d="M784 141l-17 16c31 18 79 58 92 93 3-4 14-12 15-18 1-8-26-37-32-43-16-18-36-38-58-48z" fill="#c5c5c5" stroke="#c5c5c5"/><path d="M806 120l-15 14c30 17 55 42 76 70 5 6 9 14 14 20l14-15c-11-25-63-79-89-89z" fill="#c5c5c5" stroke="#c5c5c5"/><path d="M840 273c6-3 12-9 12-17-1-18-75-92-92-92-6 0-14 7-16 12 29 14 90 65 96 97z" fill="#c5c5c5" stroke="#c5c5c5"/><path d="M902 202c4-4 10-7 10-13 0-16-69-83-85-85-7-1-11 3-15 9 39 20 65 55 90 89z" fill="#c5c5c5" stroke="#c5c5c5"/></g></svg>

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

import PencilSvg from "./pencil.jsx"; // from the React tab above

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