Person With Hat SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/rKKUXOyH1W_H/amnt.svg" alt="Person With Hat" 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="M708 196c-63-29-133-42-201-41-37 0-73 4-108 11-22 5-43 10-63 18-8 3-18 11-26 11 5-33 36-106 59-131 48-53 89-9 143-11 52-3 91-46 138 14 18 22 56 101 58 129zM298 234c1-7 3-22 8-27 3-4 12-7 17-9 51-22 108-32 164-33 72-1 150 5 217 38 2 1 6 2 8 5 2 2 9 26 7 27-3 3-9 0-13 0-19 0-37-5-55-8-39-7-78-10-117-12-46-2-94 1-139 7-33 5-64 11-97 12zM893 366c14-14 18-48 7-41l-1 3h-5l-5-8c1-4 3-11 2-14-2-4-13-12-18-13-3 0-5 4-8 2 0 0-2-8-11-11-29-11-77-18-109-21-68-6-137-5-206-5-71 0-141 1-211 1-34 0-65 3-97 9-12 3-78 10-77 27l-6-2c-7 5-20 14-22 24 0 2 3 5 2 8-1 4-6 4-8 8-6 15 12 26 12 37-7-3-11-10-16-15-20-26-10-57 16-76 33-24 74-28 114-31 15-1 32 0 47-2 40-4 78-11 118-15 34-3 68-4 103-4 67 0 131 11 198 19 22 3 44 3 66 5 39 3 81 9 114 32 14 10 27 25 27 44 0 15-26 57-26 39zM579 271c-18 28-49 49-81 56-6 2-13 4-18 2 4-8 21-36 2-35-8 1-63 43-74 29 6-6 11-13 13-21 10-37-44-4-53 8-16 21-24 45-52 52-9 3-18 2-26 5 7 15 28 7 40 5-1 17-3 34-3 52 0 9 5 46 3 51-11-11-19-73-26-75-4 9-22 8-33 13-6-14-9-26 2-39 3-4 6-5 9-10-10-9-28 4-38-16 36-8 29-34 44-58 4-6 10-15 17-17 11-4 53-2 68-2 68 0 137 1 206 0zm47 0c3 16 5 32 14 47 11 18 30 29 34 35 3 4 3 10 4 14 6 26 5 52 4 78-1 12-7 34-4 45 1 4 4 7 8 9-6 29-11 58-23 86-23 52-92 112-151 113s-123-56-149-105c-15-28-23-63-27-94 4-2 7-5 8-9 3-11-3-28-4-40-1-25-2-52 3-78 3-13 11-15 18-26 17-23 20-40 50-48-3 9-8 16-16 22-1 1-6 3-6 5-5 13 18 11 25 11 24-1 46-12 64-27-9 22-34 34 11 32 18-1 36-8 50-16 15-8 28-19 38-31 4-4 14-21 18-23 8-3 22 0 31 0zm151 78c-13 26-35-1-39 0-5 2-3 8 0 12 2 4 8 6 11 10 11 12 11 30 3 42-9-4-25-5-28-7-2-1-3-5-5-7-12 11-17 71-28 77-1-17 3-36 4-53 0-10 0-20-1-30 0-3-3-25-3-26 2-4 3-1 6-1 2-1 5 4 8 1 8-7-24-25-28-28-12-9-21-19-28-32-2-5-13-31-9-34 3-3 14-1 18-1 13 0 52-1 62 2 4 1 7 5 9 8 23 23 10 56 48 67zM310 456c-7-8-22-19-30-7-11 16 7 1 21 15-14 16-3 63 21 50-6-14-15-22-5-37 3 5 9 13 11 19 3 10 3 35 6 47-41 0-65-30-70-69-2-18 0-50 24-53 4-1 10-1 13 3 2 2 3 9 4 13 1 6 4 13 5 19zm379 87c1-13 2-36 5-47 3-7 8-13 11-20 9 16 3 24-6 38 26 11 36-33 22-50 7-8 14-8 23-5 1-22-25-15-33-1 1-6 6-31 10-35 3-3 9-3 13-2 23 3 26 34 24 52-5 38-28 70-69 70zm0 213c47 21 157 55 189 89l-17 25c-30-23-84-39-120-52-14-5-30-9-43-17-1-14-3-32-9-45zm-356 2c-1 6-6 41-9 44-3 4-56 22-64 25-34 13-71 23-99 45-3-9-10-17-16-24 50-39 129-65 188-90zm280-72c0 13 4 40 3 49-2 16-29 50-38 63-22 30-45 58-67 87-19-32-99-117-104-148-2-14 2-35 2-51v-18c13 8 24 18 37 25 40 22 85 24 125 2 15-8 31-17 42-29zM936 961c4-1 10-3 12-7 4-13-31-83-41-96-22-32-56-49-92-65-37-16-75-28-111-45-6-2-14-5-18-9-5-4-6-12-9-17-12-22-27-43-50-54 0-4-1-10 0-13 1-2 21-24 23-25 3-1 6 0 9-1 15-4 20-14 27-27 9-3 22-5 26-15 7-17-20-8-18-30 44 3 73-45 77-83 1-9 3-18 0-26 52-12 164-59 161-124-4-77-143-87-197-88-19-55-33-112-64-162-24-39-63-60-109-48-17 5-33 12-50 13-19 1-37-5-55-10-46-11-83 1-110 42-32 49-44 108-63 163-57 0-192 7-192 90 0 55 78 92 122 108 12 5 25 10 37 12 1 9-2 18-1 27 3 41 33 85 77 86-7 22-23 13-18 27 4 11 18 14 28 18-1 18 22 20 33 27 2 1 25 25 26 27 1 3 0 8 0 11-24 12-39 34-51 57-3 5-4 12-8 16s-12 7-17 9c-36 17-74 30-110 46-35 16-69 33-92 64-10 13-46 81-42 95 2 5 8 7 12 8 6-37 25-81 52-108 24 43 44 88 50 137l10 1c-4-14-6-28-9-42-7-26-17-49-27-73 16-7 31-17 47-23 37-16 76-27 113-44-3 14-11 60-6 72 2 6 8 7 13 7 13-2 66-47 81-57 1 6 1 14 5 19 7 11 34 16 45 23 13 8 22 18 33 29 3-15-23-34-34-42-8-5-30-11-34-18-3-6-1-13-5-19-3-4-7-5-12-5-15 2-60 48-80 56-1-55 14-163 66-194 0 6 1 13 0 19-2 6-6 11-6 18-1 29 24 60 40 83 23 32 49 62 72 94-29 37-24 62-24 107h13c0-20-3-43 1-62 7-31 50-74 70-100 22-29 67-80 70-117 1-9-3-14-5-23-1-6 0-13 0-19 45 37 52 80 60 135 3 20 7 40 6 59-17-8-73-59-86-56-7 1-8 8-10 13-1 5-1 9-4 13s-32 16-41 24c-7 6-17 13-20 21-6 12 12-5 17-8-6 40-5 80-5 120h7c0-37 0-73 4-110 0-4-1-11 2-15 1-2 4-2 6-4 21-14 46-9 46-41 26 12 47 35 71 50 31 20 26-8 24-30-1-14-3-28-5-42 41 13 90 32 129 50 10 4 20 11 31 15-15 3
…

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

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

import PersonWithHatSvg from "./person-with-hat.jsx"; // from the React tab above

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