Head And Shoulders SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="petrol" data-name="Petrol"><path d="M495 786c-53 2-130-50-135-106-3-3-75 26-85 30-28 11-56 24-79 42-47 39-70 105-77 164 16 11 96 27 119 31-3-27-5-54-12-81-3-11-6-22-11-32-1-3-15-25-15-27 1-3 2-5 5-5 5 0 8 6 10 9 21 32 34 100 33 138 46 6 91 14 137 17 84 6 170 6 254 0 46-3 91-12 137-17-2-38 12-102 32-135 2-3 6-12 11-12 3 0 4 1 5 4 0 4-6 10-7 12-9 15-14 32-18 48-7 27-10 54-13 81 41-7 79-19 119-30 0-11-4-23-7-34-12-49-29-98-70-131-23-18-51-30-79-42-10-4-82-33-85-30 0 7-4 14-6 21-22 51-74 80-127 85-11 1-25 3-36 0z" fill="#3d8789" stroke="#3d8789"/><path d="M368 678c5 10 7 21 13 31 18 31 48 52 82 62 10 3 22 3 32 6 12 0 23 1 35 0 44-5 87-27 111-65 6-10 9-22 15-33 1-7-12-11-17-14-21 120-225 122-253 1-6 2-18 6-18 12z" fill="#3d8789" stroke="#3d8789"/></g><g id="apricot" data-name="Apricot"><path d="M517 223c-18 12-62 2-81-6-44-18-18-22-49 16-5 7-14 13-19 20-13 21-19 103-20 129-4 97 41 215 153 225 66 6 129-42 154-101 14-32 18-67 21-100 3-32-5-139-28-161-6-5-28-30-34-31s-17 5-23 6c-19 4-39 4-58 1-8-2-17-6-25-5zm-92 69c9 0 43 5 45 17 0 3 0 6-4 8-3 1-38-4-45-4-15 1-47 17-39-1 6-14 30-19 43-20zm170 0c15 0 35 4 45 17 17 23-24 5-32 5-9-1-47 4-49 3s-4-2-5-4c-6-14 33-21 41-21zM430 348c31-6 37 54 9 60-31 6-38-54-9-60zm155 0c32-6 37 54 9 59-31 7-37-53-9-59zM514 463c0 16-30-1-31-16-1-13 11-30 16-42 5-9 10-12 10 1 0 8-6 17-9 23-16 31 4 21 14 34zm-59 41c1-4 4-6 7-6 4 0 14 8 18 10 10 4 20 6 32 6 10 0 21-2 31-6 5-1 14-10 19-10 3 0 6 1 6 5s-5 6-7 8c-30 21-80 19-106-7z" fill="#fbb17a" stroke="#fbb17a"/><path d="M424 589c1 26 0 65-28 77 6 17 13 32 26 45 57 57 186 43 206-45-28-12-29-51-28-77-52 38-124 38-176 0z" fill="#fbb17a" stroke="#fbb17a"/><path d="M344 460c-2-13-5-25-6-38-2-18 0-75-28-76-7 0-13 3-17 9-21 28 8 123 51 105z" fill="#fbb17a" stroke="#fbb17a"/><path d="M680 460c46 12 73-75 51-105-4-6-9-9-16-9-30 0-27 59-29 78-1 12-4 24-6 36z" fill="#fbb17a" stroke="#fbb17a"/></g><g id="chocolate" data-name="Chocolate"><path d="M586 84c-2-7-12-9-18-11-44-17-96-18-140 0-18 7-35 19-45 35-2 3-3 8-6 10-6 5-12 2-18 3-20 3-32 17-45 31v2c5-1 21-7 21 2-15 16-28 31-34 53-9 35-1 70 9 104 2 6 4 15 8 21 2 4 8 5 11 9 4 3 5 7 10 9 0-11 13-85 13-85l-10 1-3-4c17-18 36-31 50-52 3-5 10-13 10-19 0-3-6-9-4-12 4-5 8 2 10 3 7 6 13 12 21 16 8 5 58 23 61 15 0-2-9-8-11-9-7-6-51-47-35-55 6 7 11 16 18 23 18 19 45 29 70 35 33 6 72 5 100-15 3-3 9-5 8-9-19 4-42 11-61-1 2-3 37-4 45-6 13-4 23-11 35-17 22-11 4 16-1 23-8 11-19 17-29 26 8 7 57 50 53 56-1 2-6 0-8-1 2 14 7 27 9 41 3 16 3 32 6 48 3-4 6-9 10-12 2-3 6-4 8-6 6-8 12-42 13-52 2-14 3-28 2-41-1-11-12-37-8-45l14 11c4-3 0-9-1-14-6-25-21-49-43-64-8-6-26-17-37-15-2 1-4 4-6 5-4 3-45 25-41 9 15-9 32-12 43-28 1-2 8-10 5-13-1-1-30 5-42 6-16 1-52 3-67-3-23-8 47-8 50-8z" fill="#40291e" stroke="#40291e"/><path d="M664 680c-3-1-5-2-8-1-6 11-9 23-15 33-24 38-67 60-111 65-12 1-23 0-35 0l3 4-3 5c11 3 25 1 36 0 53-5 105-34 127-85 2-7 6-14 6-21z" fill="#40291e" stroke="#40291e"/><path d="M495 777c-10-3-22-3-32-6-34-10-64-31-82-62-6-10-8-21-13-31-3-1-6 0-8 2 5 56 82 108 135 106l3-5z" fill="#40291e" stroke="#40291e"/><path d="M595 292c-8 0-47 7-41 21 1 2 3 3 5 4s40-4 49-3c8 0 49 18 32-5-10-13-30-17-45-17z" fill="#40291e" stroke="#40291e"/><path d="M425 292c-13 1-37 6-43 20-8 18 24 2 39 1 7 0 42 5 45 4 4-2 4-5 4-8-2-12-36-17-45-17z" fill="#40291e" stroke="#40291e"/><path d="M238 947l10 2c1-38-12-106-33-138-2-3-5-9-10-9-3 0-4 2-5 5 0 2 14 24 15 27 5 10 8 21 11 32 7 27 9 54 12 81z" fill="#40291e" stroke="#40291e"/><path d="M776 949l10-2c3-27 6-54 13-81 4-16 9-33 18-48 1-2 7-8 7-12-1-3-2-4-5-4-5 0-9 9-11 12-20 33-34 97-32 135z" fill="#40291e" stroke="#40291e"/></g><g id="black" data-name="Black"><path d="M586 84c-3 0-73 0-50 8 15 6 51 4 67 3 12-1 41-7 42-6 3 3-4 11-5 13-11 16-28 19-43 28-4 16 37-6 41-9 2-1 4-4 6-5 11-2 29 9 37 15 22 15 37 39 43 64 1 5 5 11 1 14l-14-11c-4 8 7 34 8 45 1 13 0 27-2 41-1 10-7 44-13 52-2 2-6 3-8 6-4 3-7 8-10 12-3-16-3-32-6-48-2-14-7
…

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

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

import HeadAndShouldersSvg from "./head-and-shoulders.jsx"; // from the React tab above

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