Face SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="apricot" data-name="Apricot"><path d="M513 334c-10 16-14 35-23 51-27 47-69 83-116 109-23 12-47 22-73 29-7 2-26 2-31 5-2 1-3 3-4 5-24 26-32 84-29 117 2 20 7 40 6 60 0 10-2 22-6 32-1 5-7 13-7 18 0 23 50 87 67 102 58 54 136 82 215 83 77 1 157-29 214-82 18-16 68-78 68-103 0-5-5-12-6-17-4-11-6-23-6-34-1-20 4-39 6-58 2-34-4-91-29-118-8-8-37-11-50-15-20-6-40-15-59-25-47-24-89-62-115-108-9-16-13-35-22-51zM362 523c12-1 52 0 54 17 3 19-25 8-35 7-7 0-14 0-21 1-10 1-54 19-48-3 3-12 39-21 50-22zm284 0c16-1 33 1 48 7 8 3 24 10 19 21-1 3-4 5-8 5-7 1-18-6-26-8-16-3-61 5-65 3-3-1-6-4-6-8-1-15 28-19 38-20zM317 640c-6-2-31-10-19-21 7 5 20 14 25 2-8-4-19-10-16-21 11-5 7 19 34 3 12-7 26-10 40-5 27 8 40 37 34 64-13 60-98 52-98-22zm401-43c3 12-7 20-17 24 7 14 19-2 28 1 2 11-14 17-22 18 0 76-86 81-98 20-6-26 8-55 35-63 14-4 28-2 40 6 22 14 16 0 34-6zM505 702c40-5 56 36 14 40-41 4-55-35-14-40zM316 712c55-5 63 70 9 75s-64-70-9-75zm384 0c54-5 63 69 10 75-54 6-64-70-10-75zM460 784c7-3 39 3 49 3 14 0 29-2 44-3 16 0 28 11 8 20-19 9-45 8-65 7-11-1-43-3-42-18 0-5 2-7 6-9z" fill="#fbba89" stroke="#fbba89"/><path d="M194 602c-8-7-20-9-31-7-32 5-45 40-43 69 4 41 34 72 73 81 19-36 3-70 0-108-1-11 1-23 1-35z" fill="#fbba89" stroke="#fbba89"/><path d="M831 745c15-4 28-8 39-18 33-28 51-92 12-123-10-7-45-17-52-1 0 0 1 36 0 43-4 38-15 60 1 99z" fill="#fbba89" stroke="#fbba89"/></g><g id="chocolate" data-name="Chocolate"><path d="M746 377c2-1 5-1 7 0s31 51 38 61c15 20 32 39 48 59 7 7 13 15 18 23 3 5 14 24 16 22 2-1 2-22 2-25 1-32-5-64-14-95-30-103-113-185-216-216-114-34-252-26-354 41-43 28-78 68-103 113-23 42-37 87-40 134-1 10-4 28 2 36 7-8 12-23 19-32 14-19 33-34 50-50 12-12 23-25 34-38 4-6 25-41 28-42 2-1 4-1 7 0-2 12-9 23-15 32-14 21-30 40-49 57-31 29-62 56-69 100-2 9-2 17 1 26 16-3 28 1 42 6 6-10 10-21 18-30 13-16 30-27 45-41 26-24 49-53 68-84 3-4 25-46 25-46 20-11-10 40-11 43-13 22-28 43-44 62-6 8-14 14-19 22 46-1 117-43 150-74 20-18 37-39 51-62 9-16 16-33 21-51 2-6 2-19 6-23 2-2 4-4 7-4 5 12 7 26 11 39 14 40 39 74 70 103 19 17 42 32 65 44 11 6 74 33 80 26-27-27-53-52-75-83-12-16-58-90-44-106 9 10 22 49 31 65 15 29 36 56 58 80 16 18 34 34 52 49 17 14 36 28 49 46 6 8 10 17 15 25 13-5 25-10 40-6 16-51-112-144-121-206zm-2-41l-4 1c-8-1-23-21-30-27-11-10-22-19-35-27-12-7-25-14-39-20-8-3-40-11-43-15 7-16 76 19 87 26 24 15 52 36 64 62zM438 246c-1 3-1 4 1 6-31 8-60 14-88 31-11 6-22 13-31 22-4 3-25 26-27 26-3 1-5 1-6-2-4-10 50-51 60-56 28-16 58-27 91-27z" fill="#482c1f" stroke="#482c1f"/><path d="M627 127c-3-1-5-3-6-6s1-8 1-11c-1-22-10-44-25-60-17-19-45-32-71-35-29-2-60 4-81 26-33 32-19 69-26 78-18-19-5-52 5-72-5-3-14 0-20 2-54 14-82 79-55 129 4 7 15 27 24 17 3-2 3-9 5-12 5-11 13-21 23-29 23-19 57-27 87-29 33-2 68 1 99 15 18 8 36 21 45 38 2 4 3 12 6 14 2 2 6 3 9 4 29 8 34-59 30-77-7-27-30-54-58-60-1 13 24 46 8 68z" fill="#482c1f" stroke="#482c1f"/><path d="M243 549c-6 1-12 9-16 14-46 48-9 97-14 151-6 54-68 105-5 158-1-6-5-10-7-15-10-21-8-42 1-63 10-25 25-46 29-72 5-31-5-62-5-92 0-14 1-27 4-40 2-10 15-35 13-41z" fill="#482c1f" stroke="#482c1f"/><path d="M784 549c-4 2 8 29 9 35 4 15 5 30 6 45 1 30-10 60-6 90 6 49 64 101 24 150l2 2c10-10 18-23 22-37 13-46-26-77-29-120-4-47 24-94-4-138-6-11-16-18-24-27z" fill="#482c1f" stroke="#482c1f"/><path d="M460 784c-4 2-6 4-6 9-1 15 31 17 42 18 20 1 46 2 65-7 20-9 8-20-8-20-15 1-30 3-44 3-10 0-42-6-49-3z" fill="#482c1f" stroke="#482c1f"/><path d="M646 523c-10 1-39 5-38 20 0 4 3 7 6 8 4 2 49-6 65-3 8 2 19 9 26 8 4 0 7-2 8-5 5-11-11-18-19-21-15-6-32-8-48-7z" fill="#482c1f" stroke="#482c1f"/><path d="M362 523c-11 1-47 10-50 22-6 22 38 4 48 3 7-1 14-1 21-1 10 1 38 12 35-7-2-17-42-18-54-17z" fill="#482c1f" stroke="#482c1f"/></g><g id="black" data-name="Black"><path d="M670 202c34-45 27-108-19-141-9-7-20-12-31-16-4-1-11-1-15-4-7-3-13-12-20-17-23-16-51-23-78-22-21 1-42 7-58 19-5 3-9 10-14 11-5 2-10 1-15 1-22 2-44 11-60 26-32 28-43 77-26 117 4 10 1
…

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

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

import FaceSvg from "./face.jsx"; // from the React tab above

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