Smiling Person SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/n1wc_guEEhKa/amnt.svg" alt="Smiling Person" 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="M708 321c-26-8-45-30-54-56-3-8-4-17-8-25-5-11-20-17-32-18-4 0-9 2-14 1-4-1-6-6-9-8-12-10-33-15-46-5-7 5-11 15-16 22-14 21-33 39-57 50-18 8-39 12-59 8-35-7-3-22 3-37-24 25-62 46-97 45-7 31-19 61-24 92-8 45 2 145 14 190 21 76 108 133 183 141 76 8 176-45 209-116 19-41 28-146 25-191-1-20-12-73-18-93zm-98-23c19-1 39 6 55 17 6 4 40 37 19 40-6 1-17-9-22-11-28-14-43-9-72-9-33 0-13-35 20-37zm-211 6c37-4 59 28 35 35-6 2-14-1-21-1-17 0-36 4-52 12-5 3-21 15-25 15-3 0-5-1-6-4-2-4 1-10 2-13 11-25 41-41 67-44zm-13 97c24-2 55 14 61 40 1 8-1 19-12 14-11-4-14-26-43-26-13 0-27 8-35 18-3 3-5 8-8 10-8 5-15 1-16-8-3-24 33-46 53-48zm236 0c25-2 54 12 63 37 3 9 3 26-12 20-7-2-14-22-34-27-17-4-34 1-45 14-3 2-5 8-9 10-5 2-10 1-12-4-9-21 31-48 49-50zM501 528c-5 2-9 1-13-1-37-15-2-65 35-47 3 2 8 4 10 8 4 14-17-3-34 1-4 1-10 5-12 9-9 20 11 18 14 30zm-87 17c10-2 65 6 81 7 26 1 53-1 79-4 10-1 28-7 37 0 18 14-16 77-29 91-33 34-83 44-124 17-12-7-22-17-29-28-10-13-40-76-15-83z" fill="#d5864e" stroke="#d5864e"/><path d="M622 756c-1 4 0 10-6 11-10 1-11-35-11-42-8 6-14 13-23 18-42 26-95 28-138 4-10-6-20-17-30-21 0 4-1 52-14 41-3-3-1-8-4-11l-4 3c11 94 209 112 236-1z" fill="#d5864e" stroke="#d5864e"/><path d="M283 501c1-20-6-54-24-65-25-15-44 16-47 37-5 35 15 81 52 93 9 2 19 4 27-1 0-8-6-58-10-61v-3z" fill="#d5864e" stroke="#d5864e"/><path d="M736 492c8-10 12-23 25-29 10-5 39-2 30 15-13-9-24-7-34 5 16 15 16 51-4 55-3 1-7 2-9-1-1-3 6-8 7-11 3-4 4-9 4-14 0-15-6-18-16-9l-4 3-7 59c8 4 16 3 24 1 37-8 59-54 56-90-2-25-30-63-55-34-12 14-13 33-17 50z" fill="#d5864e" stroke="#d5864e"/><path d="M446 628c15 20 41 31 66 31 14 0 65-18 61-33-35-28-94-34-127 2z" fill="#d5864e" stroke="#d5864e"/><path d="M516 563h-15z" fill="#d5864e" stroke="#d5864e"/><path d="M517 588l11-1z" fill="#d5864e" stroke="#d5864e"/><path d="M528 563l10-1z" fill="#d5864e" stroke="#d5864e"/><path d="M501 588l-9-1z" fill="#d5864e" stroke="#d5864e"/></g><g id="teal" data-name="Teal"><path d="M96 996h129c-2-26-9-53-18-77-2-7-9-16-10-23 0-3 1-6 3-8 26 23 33 75 39 108h543c0-17 21-104 40-107 1 2 1 3 2 5 0 4-9 20-11 25-8 23-18 52-17 77h128c-16-77-53-154-128-187-37-17-77-25-114-37-16 135-243 156-321 55-12-16-22-35-22-55-29 9-59 16-88 26-102 36-128 101-155 198z" fill="#199496" stroke="#199496"/><path d="M378 756l-31 13c-1 14 6 29 13 41 30 51 94 73 151 73 55 0 119-22 149-73 7-13 10-26 15-40l-33-14c-2 104-191 126-250 42-8-12-15-27-14-42z" fill="#199496" stroke="#199496"/></g><g id="black" data-name="Black"><path d="M600 38c12 15 18 35 16 54-4 27-19-6-27-15-24-25-59-37-93-41-27-3-56 1-82 13-39 16-77 56-121 31 0 23 12 35 33 41 31 8-22 9-36 15-36 15-52 58-97 37 0 16 2 29 13 41 6 6 14 11 23 13 2 0 9 0 11 2 1 1 1 2 1 4-4 4-11 7-16 11-18 15-27 40-26 62 0 7 1 18 7 22 4-7 14-24 24-20 1 8-3 17-4 26-1 18 6 71 22 83 4 4 11 4 16 7 3 1 6 4 9 7 1 0 3 5 5 3 2-1 1-31 2-36 1-11 4-22 6-32 6-23 18-45 18-68-14-2-54-16-55-34-1-3-1-5 2-7 2-2 7-1 10-2 16-5 27-17 36-31 2-4 18-30 22-28s-14 36-18 42c-10 15-21 22-37 28 30 25 70 22 103 6 14-8 27-17 39-28 7-6 27-32 34-33 1 17-6 39-16 53-2 4-7 8-9 12 7 3 15 2 23 1 38-4 66-32 87-63 14-20 45-69 74-40 8 8 12 20 11 31 66-29 35 74 94 99 7 4 18 7 25 4-16-16-23-37-25-59-1-5-3-15 2-18 10 17 10 38 22 56 9 14 40 24 9 33-3 1-10 1-12 4-4 5 6 40 8 49s7 63 7 63c4-3 7-7 11-10s11-4 14-8c10-10 15-53 15-66 0-9-3-18-4-27l4-3c6 6 9 17 16 22 13-18 5-66-14-79-6-5-15-6-21-11-7-5-33-38-24-45 6 6 10 16 16 22 17 20 45 30 65 9-7-2-15-4-21-9-9-7-15-18-20-28-24-48-50-62-104-54-4-16 61-22 65-26-12-14-34-18-52-16-21 3-30 15-37 16-1 1-3 3-4 2-3-2-2-3-3-5-1-5 7-20 7-27 1-26-20-55-49-55zM562 81l1 4c-8-2-16-6-24-8-30-7-64-1-89 16-14 9-25 22-37 33-7 5-33 23-41 16-4-3 0-4 2-6 3-4 18-8 24-14 11-9 20-21 31-30 26-23 62-34 97-27 11 2 28 6 36 16zm-54 59c-6 5-12 9-18 15-16 16-28 33-51 42-11 4-23 7-34 6-15-1-55-17-45-37 5 3 10 9 15 12 20 14 46 13 67 3 14-7 59-51 66-41z" fill="#2d1d18" stroke="#2d1d18"/><pat
…

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

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

import SmilingPersonSvg from "./smiling-person.jsx"; // from the React tab above

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