Pencil SVG illustration, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/HUWNiDTI3aXO/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="M33 988c55-25 107-60 159-91 22-13 57-30 76-45 19-16 36-36 54-54 79-79 158-159 238-238 79-79 158-159 238-238 12-13 25-28 38-39 3-3 7-4 10-8 15-15 31-31 46-47 2-2 3-5 5-7 7-6 14-11 19-18 23-31 66-53 60-98-3-19-14-36-27-50-14-13-30-24-49-27-48-7-66 37-99 62-13 10-22 23-33 35-9 11-20 22-30 31-3 3-7 4-10 8-14 16-27 33-42 48-80 79-159 159-238 238-80 79-159 159-238 238-16 15-35 31-48 48-14 18-37 70-49 93-19 35-37 71-55 107-9 17-20 34-25 52zM914 186c-9-33-42-64-71-81-9-5-18-8-27-13 39-40 68-82 123-30 11 10 21 23 24 38 10 38-25 62-49 86zm-17 21c-13-35-41-65-74-85-9-5-19-8-27-13 3-3 7-9 12-10 25-4 102 69 100 95-1 5-7 10-11 13zm-17 17c-12-39-62-84-100-96 21-41 114 59 111 82-1 6-8 10-11 14zm-33 33c-28-52-49-67-98-96 3-5 22-25 27-27 14-3 49 28 59 37 9 9 41 44 39 57-1 6-23 24-27 29zm-15 16l-4-6c1 9-5 13-11 20-17-38-56-85-98-97 5-4 9-10 15-11-7-50 138 72 98 94zm-85-60l-530 531c-8-4-17-5-26-3l-8-10c92-93 185-185 278-278 46-46 92-93 139-139 23-23 46-46 69-69 7-8 41-46 48-47 10-1 22 12 30 15zm4 4c12 13 31 24 39 40l-529 529c-11-9-20-10-34-10 0-11-1-20-7-29zm43 44l17 31-534 534c-4-5-7-8-12-10 1-7-1-22-1-25 2-6 46-47 54-54 22-23 45-45 68-68 45-45 90-91 136-136 90-91 181-181 272-272zM178 736c4 5 6 10 7 16 32-12 37 5 33 34 28-7 51 5 36 36 5 0 12 0 14 6 4 14-39 33-49 40-23 13-47 26-70 41-1-21-21-42-43-41 10-23 58-117 72-132z" fill="#020202" stroke="#020202"/></g><g id="yellow" data-name="Yellow"><path d="M751 217l-531 530c6 9 7 18 7 29 14 0 23 1 34 10l529-529c-8-16-27-27-39-40z" fill="#fde103" stroke="#fde103"/></g><g id="amber" data-name="Amber"><path d="M794 261c-91 91-182 181-272 272-46 45-91 91-136 136-23 23-46 45-68 68-8 7-52 48-54 54 0 3 2 18 1 25 5 2 8 5 12 10l534-534z" fill="#fbba02" stroke="#fbba02"/><path d="M747 213c-8-3-20-16-30-15-7 1-41 39-48 47-23 23-46 46-69 69-47 46-93 93-139 139-93 93-186 185-278 278l8 10c9-2 18-1 26 3z" fill="#fbba02" stroke="#fbba02"/></g><g id="cream" data-name="Cream"><path d="M178 736c-14 15-62 109-72 132 22-1 42 20 43 41 23-15 47-28 70-41 10-7 53-26 49-40-2-6-9-6-14-6 15-31-8-43-36-36 4-29-1-46-33-34-1-6-3-11-7-16z" fill="#fbd9ba" stroke="#fbd9ba"/></g><g id="rose" data-name="Rose"><path d="M914 186c24-24 59-48 49-86-3-15-13-28-24-38-55-52-84-10-123 30 9 5 18 8 27 13 29 17 62 48 71 81z" fill="#fc557c" stroke="#fc557c"/></g><g id="silver" data-name="Silver"><path d="M847 257c4-5 26-23 27-29 2-13-30-48-39-57-10-9-45-40-59-37-5 2-24 22-27 27 49 29 70 44 98 96z" fill="#c4c4c4" stroke="#c4c4c4"/><path d="M832 273c40-22-105-144-98-94-6 1-10 7-15 11 42 12 81 59 98 97 6-7 12-11 11-20z" fill="#c4c4c4" stroke="#c4c4c4"/><path d="M880 224c3-4 10-8 11-14 3-23-90-123-111-82 38 12 88 57 100 96z" fill="#c4c4c4" stroke="#c4c4c4"/><path d="M897 207c4-3 10-8 11-13 2-26-75-99-100-95-5 1-9 7-12 10 8 5 18 8 27 13 33 20 61 50 74 85z" fill="#c4c4c4" stroke="#c4c4c4"/></g></svg>

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

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

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