Person With Curly Hair SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="chocolate" data-name="Chocolate"><path d="M582 188c8 8 24 6 26 19 1 7-3 15-2 23 2 22 17 29 34 38 30 14-5 45 24 75 6 6 13 10 20 15-7 15-10 34-3 49 2 4 6 8 7 12 2 9-3 24-4 33-4 32-10 64-22 94-22 50-74 94-127 106-57 13-122-30-154-74-31-43-37-100-43-151-1-12-1-24-3-36 44-16 16-56 25-80 8-21 33-26 44-44 5-7 3-15 7-22 13 40-41 41-43 80 0 7 1 15 6 22-12 18 2 8 7 9s9 6 15 7c5 2 18 3 20-4 3-8-8-9-10-15 20-3 64 21 62 0-2-20-50-21-62-19 6-19 43-15 58-36 20-28-16-61 10-70 8-3 17 0 25 0 19-1 35-13 38-32 1-5 0-12 2-17 0-2 2-5 4-6 17-12 25 18 31 22 2 2 6 2 8 2zM325 428l9 53c-11-3-20 3-23 13-27-25-16-79 14-66zm374 0c7 2 17 4 23 9 18 14 3 44-8 57-3-9-10-16-21-13zM326 489c10-2 12 15 2 16-9 1-12-14-2-16zm371 0c9-1 13 14 3 16s-13-14-3-16zM448 649c57 24 72 24 130 0 0 45 10 72 52 91 10 5 21 8 31 13-4 11-13 20-21 29-67 66-232 61-277-30 36-11 73-29 81-69 2-11 2-23 4-34zM849 962c3 0 8-1 10-4 2-4-1-11-2-16-7-39-17-80-40-113-19-27-44-44-73-57-6-3-15-4-20-9-5-4-6-14-3-20 12 19 30 33 54 23 8-3 22-15 14-24-5-6-23-3-12-25 13 22 44 29 62 10 27-28-12-52 3-66 8 18 23 30 43 26 7-1 16-6 18-13 4-13-7-7-12-13-1-1-1-3-1-5 0-13 29-14 22-44-4-17-33-29-26-39 8 11 18 19 32 20 50 6 50-58 30-48-3 2-2 5-4 7-10 10-23 0-16-12 5-9 16-12 20-23 11-29-9-38-28-51 22-3 43-13 40-39-1-7-3-14-9-19-24-21-11 23-29 5-11-10 3-28 6-39 8-31-7-56-36-67-4-2-9-1-12-5-7-9 20-42-11-68-17-15-33-7-43-12-6-4-1-35-5-45-6-20-25-35-47-37-7-1-15 2-22-3-13-8-5-46-48-60-30-10-58 1-79 23-7-40-41-71-83-60-10 3-21 13-32 13s-20-13-30-19c-33-20-78-12-102 17-6 7-10 19-17 25-11 9-32-2-46 1-30 4-37 28-42 53-5 26-38 0-68 24-22 17-22 45-15 70-27-1-53 16-56 43-1 8-1 15 2 22 3 10 22 35 3 42-3 1-6 2-9-1-9-6 17-26-16-21-12 2-22 9-28 21-13 27 7 49 33 56-22 10-41 28-40 54 2 24 41 51 21 61-19 10-11-13-16-17-14-10-22 23-21 30 2 30 34 39 58 31-16 16-26 40-10 60 7 8 17 11 24 18 10 11 1 28-9 17-2-3 0-7-3-10-16-11-25 30-7 46 15 14 42 13 56-3 5 5 23 25 4 26-13-25-30 21 5 34 23 8 42-8 52-28 5 11 12 26-3 33-2 1-6-1-8 1-9 8 5 21 12 25 31 15 47-7 60-30 7 13-5 21-4 34-38 12-71 39-91 74-17 30-26 64-32 98-1 5-4 13-3 17 2 4 7 6 11 5 5-19 7-39 12-58 25-92 80-118 164-147 9 15 17 28 30 39 78 67 241 58 292-38 44 13 93 31 124 66 25 28 37 68 45 104 2 10 2 25 7 34z" fill="#351e13" stroke="#351e13"/><path d="M590 410c10-2 14 13 4 16-11 3-14-13-4-16zm-19 15v6c0 10 7 22 17 26 7 4 16 4 23 1 26-12 24-47 1-61 19 3 27 16 30 32 10 0 10-11 10-19 7-3 14-14 11-22-25 16-38-15-70-3-19 6-45 45-31 51 2-8 5-16 11-22z" fill="#351e13" stroke="#351e13"/><path d="M433 410c10-2 14 14 3 16-10 2-14-14-3-16zm-36 14v8c0 10 9 24 20 26 7 4 17 2 24-2 15-9 15-26 14-41 4 6 7 14 9 21 14-8-13-45-31-51-32-11-45 19-70 3-4 9 4 19 12 23-2 8-1 17 9 18 0-16 14-31 30-31-9 6-17 14-17 26z" fill="#351e13" stroke="#351e13"/><path d="M656 359c-2-37-73-46-94-22-3 3-6 7-4 12 4 11 31-3 40-4 23-5 37 5 58 14z" fill="#351e13" stroke="#351e13"/><path d="M289 990l12 2c5-16-6-131-26-134-3 0-6 1-7 5 0 1 14 42 16 52 5 25 5 50 5 75z" fill="#351e13" stroke="#351e13"/><path d="M722 992c4 0 7 0 11-2 0-25 0-51 5-76 2-9 16-49 16-50-1-4-3-7-7-7-20 3-30 119-25 135z" fill="#351e13" stroke="#351e13"/><path d="M452 540l-5 7c27 30 103 32 131 1-1-3-4-6-6-6-5 0-14 8-18 9-12 5-24 7-36 8-23 1-48-4-66-19z" fill="#351e13" stroke="#351e13"/><path d="M488 500c-18 9 32 33 48 11 2-2 4-5 3-8-4-8-14 3-20 5-12 3-28-9-31-8z" fill="#351e13" stroke="#351e13"/></g><g id="petrol" data-name="Petrol"><path d="M175 962c26 14 84 25 114 28 0-25 0-50-5-75-2-10-16-51-16-52 1-4 4-5 7-5 20 3 31 118 26 134 23 1 46 5 70 7 46 3 93 5 141 5 47 0 94-2 140-5 23-2 47-8 70-7-5-16 5-132 25-135 4 0 6 3 7 7 0 1-14 41-16 50-5 25-5 51-5 76 39-9 78-15 116-28-5-9-5-24-7-34-8-36-20-76-45-104-31-35-80-53-124-66-51 96-214 105-292 38-13-11-21-24-30-39-84 29-139 55-164 147-5 19-7 39-12 58z" fill="#027981" stroke="#027981"/></g><g id="terracotta" data-name="Terracotta"><path d="M582 188c-2 0-6 0-8-2-6-4-14-34-31-22-2 1-4 4-4 6-2 5-1 12-2 17-3 19-19 31-38 32
…

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

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

import PersonWithCurlyHairSvg from "./person-with-curly-hair.jsx"; // from the React tab above

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