Person With Short Hair SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/UcL3ZkiuegZ-/amnt.svg" alt="Person With Short Hair" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="caramel" data-name="Caramel"><path d="M446 334l1-3c5 2 8 8 9 15h3c2 5 2 14-3 18-4 3-72-13-82-15-40-8-63-1-96 22 3-23 31-50 53-56 19-5 101 4 115 19zm300 37c-54-38-85-25-145-13-12 3-22 6-34 7-6-10-1-30 10-34l3 1c8-9 25-8 36-10 42-9 77-18 111 16 8 9 17 20 19 33zM441 411c-7-6-12-14-20-19-24-17-57-18-82-5-7 3-15 14-23 15 26-36 84-38 114-7 4 5 9 10 11 16zm262-14c-7-1-16-10-23-13-35-14-75-3-96 28 0-7 6-13 11-18 29-31 79-27 108 3zM322 427l-12-2c40-40 93-47 130 2 3 4 11 11 6 17-4 6-14 2-20 2-10 1-19 5-29 7-25 4-62-1-75-26zm392-1l-13 1c-1 5-5 8-8 11-21 18-50 19-76 13-7-2-13-4-20-5-6 0-17 4-20-3-3-6 4-14 8-18 36-48 90-38 129 1zM454 517c-4 14-24 16-23 43 0 9 4 16 11 21 6 4 12 4 18 8-50 7-44-58-6-72zm109 72c7-4 15-4 21-10 15-12 9-37-3-49-4-4-8-7-11-11 33 1 47 78-7 70zM458 562c26-7 33 33 61 25 11-3 16-14 25-20 6-3 34-11 27 5-4 10-28 5-35 9-2 1-3 4-5 5-7 6-18 8-27 6s-13-10-20-13c-8-2-17 1-25-3-8-3-12-11-1-14zM782 435c-5-2-1-74-10-107-4-16-13-30-24-42-4-5-11-9-13-14-3-6-2-14-2-20 0-16 1-59-11-70-8-8-22-9-33-11-8-2-15-5-23-6-3 0-5 1-8 1-2 0-4-2-6-2-9-1-18 0-27 0-7 0-13-3-19-4-9-1-18 2-26 2s-15-3-22-3c-5 0-9 3-13 3-3 0-7-2-11-2-7 0-14 2-21 2-4 0-8-3-12-3-6 0-12 3-17 3-6 0-12-3-17-3-3 0-6 3-9 3-5 0-11 0-16 0-8 0-15-2-21-2s-11 4-17 4c-4 0-8-2-12-2-6 0-14 2-20 3-78 12-81 5-81 91 0 5 0 11-2 16-2 4-8 8-11 12-10 11-18 23-23 37-11 29-10 63-10 94l-10-6c11 27 10 58 12 86 3 57 15 167 46 214 23 35 98 114 135 132 20 10 43 13 65 14 86 3 111-11 171-70 19-20 39-39 56-60 45-57 52-161 57-232 1-18-2-42 5-58zM608 668c5-2 15-12 16 1 1 10-14 8-20 8-19 0-37-2-56-2 1 4 3 7 4 12l-2 1c-4-1-5 0-8 1l-5-1c-6 5-1 22 0 28-5 1-13 1-16 6 17 1 37-3 52-10 5-3 11-7 16-8-4 6-13 13-20 16v7c-28 27-86 31-114 1 1-3 2-5 0-8-5 0-20-12-19-17-5-7 2-22-13-15-3-4-6-6-4-11-23 0-25-14-14-15 6 0 9 6 13 7 6 3 14 2 20 2-4-5-1-13-7-16 8-7 27-14 32-19 3 3 7 7 12 5l2 4c5-2 11-2 13-8l-3-6 21 7c-2 7-2 12 2 19l3-2c3-5 2-12 1-17l16-4c2 8 12 18 19 10 0 0 1 1 2 1 2-3 5-6 4-9 19-2 37 20 53 28-2 1-2 3 0 4z" fill="#b97141" stroke="#b97141"/><path d="M700 763c-1 4-1 5-1 9-7 13-18 24-26 36-34 46-73 106-132 120-84 21-141-65-184-124 0-4 0-5-1-9l-43-44c0 40 9 103-20 135 8 21 25 39 41 53 67 59 159 82 245 59 50-13 98-40 131-80 34-40 16-28 7-70-7-32-3-69-3-102z" fill="#b97141" stroke="#b97141"/><path d="M775 592c31 10 39-14 51-36 22-40 35-78 30-125-1-10-3-22-8-31-13-22-41-13-52 7-8 14-7 36-8 52-2 44-7 88-13 133zm26-136c32 4 30 68 1 83-1-4-3-15-6-17 4-16 9-22-1-38-16-21 25-92 50-68-22-9-37 24-44 40z" fill="#b97141" stroke="#b97141"/><path d="M249 592c-6-45-11-89-13-134-1-16-1-36-8-51-10-20-39-29-51-7-8 14-10 31-10 47-1 43 13 76 33 113 6 12 12 26 24 32 9 4 16 3 25 0zM227 487c-13 32 15 34 12 53-4-4-11-10-14-1l-1 1c-41-28-22-87 0-82-6-17-23-51-45-42 2-2 6-6 10-7 21-3 58 60 38 78z" fill="#b97141" stroke="#b97141"/><path d="M500 679c-9 0-18-4-28-5-17-1-35 3-53 3-2 5 1 7 4 11 15-7 8 8 13 15 19 16 47 19 71 19-3-5-6-5-8-10l-3-1-1-3 3-3c-3-8-5-20 2-26z" fill="#b97141" stroke="#b97141"/><path d="M438 443l7-2-8-9-1 6z" fill="#b97141" stroke="#b97141"/><path d="M590 442c-2-3-2-6-7-6-8 4 2 9 7 6z" fill="#b97141" stroke="#b97141"/><path d="M353 426v-7z" fill="#b97141" stroke="#b97141"/><path d="M612 426v-6z" fill="#b97141" stroke="#b97141"/></g><g id="chocolate" data-name="Chocolate"><path d="M222 252c15 11 49-17 69 4 0-86 3-79 81-91 6-1 14-3 20-3 4 0 8 2 12 2 6 0 11-4 17-4s13 2 21 2c5 0 11 0 16 0 3 0 6-3 9-3 5 0 11 3 17 3 5 0 11-3 17-3 4 0 8 3 12 3 7 0 14-2 21-2 4 0 8 2 11 2 4 0 8-3 13-3 7 0 14 3 22 3s17-3 26-2c6 1 12 4 19 4 9 0 18-1 27 0 2 0 4 2 6 2 3 0 5-1 8-1 8 1 15 4 23 6 11 2 25 3 33 11 12 11 11 54 11 70 4-5 33-4 39-2 7 3 19 15 30 6-15-152-144-235-288-240-111-4-234 59-275 167-7 20-18 47-17 69z" fill="#321e13" stroke="#321e13"/><path d="M746 371c-2-13-11-24-19-33-34-34-69-25-111-16-11 2-28 1-36 10l-3-1c-11 4-16 24-10 34 12-1 22-4 34-7 60-12 91-25 145 13z" fill="#321e13" stroke="#321e13"/><path d="M446 334c-14-15-96-24-115-19-22
…

.person-with-short-hair {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/UcL3ZkiuegZ-/amnt.svg");
  background-size: contain;
}

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

import PersonWithShortHairSvg from "./person-with-short-hair.jsx"; // from the React tab above

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