Person Wearing Mask SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/5qVgv6dFwymr/amnt.svg" alt="Person Wearing Mask" 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="M235 459l14 28c4-11 3-22 3-33 1-28 3-56 14-82 3-7 17-27 17-31 1-3-1-5-1-8 0-8 3-17 5-24 3-11 10-22 11-32h-9l-2-4c3-4 7-11 12-7-3 5 2 5 4 1 2-3 0-7 3-11 4-7 14-9 19-16l-1-3c-24 7-27 15-55 12-8-1-15 0-22-5 5-3 14-1 20-1 32 0 59-15 82-37l2 3c-11 11-31 46-22 62 6-7 10-18 17-26 22-27 53-47 89-49 25-1 46 9 64 25 7 6 17 29 17 10 0-10-7-25-12-33s-10-8-17-12-10-12-17-16c-28-17-68-18-99-7-19 6-112 66-123 52 46-16 66-36 106-54 9-4 23-5 31-11-10-10-28-7-37-17 1-2 1-2 2-3 4-1 11 6 15 7 11 5 25 7 38 9 21 3 42 3 62 11 16 7 31 17 42 31 5 6 10 15 12 23 2 6 1 27 4 29l9-9 5 2c8-6 15-5 23-8 25-10 44-48 44-74 0-28-16-55-37-72-6-5-17-10-20-16 8-1 20 9 28 14 33 24 50 64 34 104-3 8-7 18-13 25-2 3-6 5-9 9 4 5 29-13 33-18 4-4 7-9 9-13 8-11 15-24 18-37 1-6 0-14 5-18 7 20-17 54-12 57 15-11 30-29 40-46 1-3 5-13 7-5 0 4-3 12-5 16-5 9-13 17-20 25 1 0 29-3 33-3 12 0 23 2 35 3v3c-30-8-62 4-87 17-4 2-36 18-28 21 3 1 9-3 12-3 4 0 8 3 12 3 7-1 11-7 18-4l2 5 2-5c2-1 3 0 6 1 9-3 57 6 54 16-5 2-13-3-21 0 2 8-16 3-20 8 7 5 18 8 27 12 13 6 70 41 61 56l-39-32-4-1c1 13 24 57 14 66 24 32 31 68 33 108 0 10-2 21 0 31 1 3 3 4 4 8l5-10c-5-6 10-34 17-38 2-2 5 0 7-1 3-2 7-3 8-6 5-7 9-36 11-45 5-22 10-44 7-65-2-11-16-42-15-48 13 12 16 28 26 41 4-8 1-22-1-31-5-28-17-55-40-74-5-5-15-9-18-15 28 4 45 31 64 49l1-2c-7-29-18-53-40-73-10-10-22-17-35-22-9-4-19-7-29-8-3 0-9 1-12 0-2-2-2-3-1-4 23-8 47-4 70-1-6-23-75-33-94-20-4 2-6 7-9 10-1-6 2-12 3-19 2-16-1-45-15-56-3 12 4 44-7 53-12-38-33-66-71-82-5-2-14-7-19-4 12 12 41 43 43 60-7-3-11-11-16-16-25-25-61-41-95-47-42-8-108-7-145 19 6 3 18 0 26 0 10 0 20 2 30 2 9 0 18-2 28-2s52 4 58 14c-19-2-37-8-56-7-50 2-92 25-140 36-23 5-43 3-66 4 0 0-1 1-1 2 18 17 60 26 84 19 2 7-47 7-55 9-17 4-33 11-47 20-18 12-58 54-55 77 5-3 10-9 15-13 18-14 47-33 70-33-3 6-13 8-19 11-37 22-64 61-70 103-1 9-4 20 0 28 7-11 27-51 42-52-3 7-10 13-14 20-16 28-16 61-11 91 3 19 8 39 13 58 1 4 1 10 4 14 7 9 28 4 23 27z" fill="#462a1c" stroke="#462a1c"/><path d="M767 492c-2 9-10 19-14 27-3 5-13 26-18 28s-62-7-72-8c-50-7-100-20-150-20-48 0-103 12-151 19-13 2-64 12-73 9-6-3-30-47-32-55l-5 1c6 20 23 36 31 56-7 0-8 2-10 8l-16-28-2 4c3 11 15 23 18 33 2 11-1 26-1 38 0 21-5 70 0 88 1 6 0 11 3 16l-4 3c3 7 1 14 4 21 2 7 20 28 26 32l2-5v-1c-7-6-20-19-23-28-5-12-6-132-2-143v-3-31c20 1 41-4 61-7 49-6 111-20 160-22 43-2 87 9 130 15 30 4 61 6 91 12l26 2 1 34c0 30 6 121-3 144-4 10-15 20-22 27v1l1 5c7-5 24-24 27-32 2-7 1-15 4-23-3-3-2-11-3-15l2-3c0-29-1-58-1-87 0-12-3-26-1-37 3-12 15-22 18-33l-3-2-15 27c-1-7-3-9-9-11l30-54z" fill="#462a1c" stroke="#462a1c"/><path d="M733 415c-12-54-71-55-115-45-13 3-31 6-41 15-14 12-11 30 14 25 16-4 32-8 48-10 33-5 65-2 94 15z" fill="#462a1c" stroke="#462a1c"/><path d="M293 417c31-15 61-19 94-15 16 2 31 6 47 9 23 4 27-14 13-26-10-10-31-12-44-14-43-7-95-6-110 45z" fill="#462a1c" stroke="#462a1c"/><path d="M623 466c-2-5-1-10 4-13-19-11-31 50 8 54 40 4 46-60 17-49 17 35-34 45-29 8z" fill="#462a1c" stroke="#462a1c"/><path d="M371 465l-1-6-4-5c-22 13-10 54 22 52 41-3 30-61 13-46 18 29-40 45-30 5z" fill="#462a1c" stroke="#462a1c"/></g><g id="apricot" data-name="Apricot"><path d="M733 415c-29-17-61-20-94-15-16 2-32 6-48 10-25 5-28-13-14-25 10-9 28-12 41-15 44-10 103-9 115 45zm-440 2v-1c15-51 67-52 110-45 13 2 34 4 44 14 14 12 10 30-13 26-16-3-31-7-47-9-33-4-63 0-94 15zm151 67c-9-11-16-28-31-31 24 23-4 60-32 57-31-4-39-44-18-63-19 2-36 16-43 33-17-12 15-36 26-40 10-5 21-7 33-7 27 0 65 19 65 51zm261-5c-8-16-24-30-42-33 17 21 14 59-18 64-22 3-42-15-41-37 0-7 4-13 5-19-14 5-21 20-28 31 1-32 34-52 64-52 41 0 81 40 60 46zM257 492c2 8 26 52 32 55 9 3 60-7 73-9 48-7 103-19 151-19 50 0 100 13 150 20 10 1 67 10 72 8s15-23 18-28c4-8 12-18 14-27 0-31-1-65-8-95-4-16-30-65-30-70l7 6c-5-24-13-57-32-75-12-11-32-16-47-21l20-5c-38-18-95-5-133 5-8 2-18 6-26 6-11-1-25-9-35-12-32-10-72-15-104-3-38 14-43 56-54 64-7-9-6-29-2-39-21 18-28 54-34 79l7
…

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

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

import PersonWearingMaskSvg from "./person-wearing-mask.jsx"; // from the React tab above

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