Person SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="teal" data-name="Teal"><path d="M642 555c-8 15-16 28-29 39-52 46-147 48-200 3-14-12-22-26-31-41-18 6-36 9-53 15-62 23-101 73-117 136-10 36-20 131-11 165 10 34 44 60 79 58 0-39 0-79 0-118 0-17-3-90 1-100 1-4 6-7 10-7 5 1 8 5 10 9 3 13 0 81 0 100 0 38 0 77 0 116l420-2c0-39 0-78 0-117 0-17-3-88 1-99 1-5 5-7 10-7s8 4 9 8c4 11 1 82 1 100 0 38 0 77 0 115 41 1 80-28 84-71 1-17 0-35-1-53-1-33-4-67-13-100-23-87-84-133-170-149z" fill="#3aa099" stroke="#3aa099"/></g><g id="apricot" data-name="Apricot"><path d="M497 78c-45 4-85 24-118 53-143 129-51 379 147 365 43-3 84-21 117-49 145-126 51-383-146-369z" fill="#fab68a" stroke="#fab68a"/><path d="M431 502c2 19-14 37-29 47 30 69 136 75 191 35 13-9 21-22 29-35-11-9-21-17-27-31-2-5-2-14-6-16-1 0-38 10-42 11-41 7-77-1-116-11z" fill="#fab68a" stroke="#fab68a"/></g><g id="navy" data-name="Navy"><path d="M510 57c-124 2-221 112-221 233 0 59 22 118 65 161 12 13 26 23 41 33 3 2 13 5 15 9s1 9 0 13c-5 32-48 33-72 41-137 42-160 165-160 293 0 74 42 109 115 111 74 2 148-1 223-1 48 0 97-1 146-1 28 0 75 2 101-2 61-10 85-60 84-116-3-130-26-246-166-287-23-7-71-10-69-45 0-2 0-5 1-7 1-3 17-10 20-12 15-9 27-21 40-33 41-42 64-104 62-163-5-120-101-229-225-227zM497 78c197-14 291 243 146 369-33 28-74 46-117 49-198 14-290-236-147-365 33-29 73-49 118-53zM431 502c39 10 75 18 116 11 4-1 41-11 42-11 4 2 4 11 6 16 6 14 16 22 27 31-8 13-16 26-29 35-55 40-161 34-191-35 15-10 31-28 29-47zm211 53c86 16 147 62 170 149 9 33 12 67 13 100 1 18 2 36 1 53-4 43-43 72-84 71 0-38 0-77 0-115 0-18 3-89-1-100-1-4-4-8-9-8s-9 2-10 7c-4 11-1 82-1 99 0 39 0 78 0 117l-420 2c0-39 0-78 0-116 0-19 3-87 0-100-2-4-5-8-10-9-4 0-9 3-10 7-4 10-1 83-1 100 0 39 0 79 0 118-35 2-69-24-79-58-9-34 1-129 11-165 16-63 55-113 117-136 17-6 35-9 53-15 9 15 17 29 31 41 53 45 148 43 200-3 13-11 21-24 29-39z" fill="#08294e" stroke="#08294e"/></g></svg>

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

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

import PersonSvg from "./person.jsx"; // from the React tab above

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