Person With Headphones SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="black" data-name="Black"><path d="M884 372c26-11-15-123-25-143-20-40-46-76-79-105-75-67-170-100-269-100-98 0-197 33-269 101-32 29-60 65-78 105-13 27-48 121-25 143-16 10-10 49-10 66 0 4 2 11 0 15-1 5-10 9-13 13-6 6-10 12-13 19-20 39-13 90-2 130 9 35 29 71 64 84 8 3 18 2 26 6 6 2 10 9 17 12 19 7 63 5 78-12 5 8 6 19 11 28 11 24 26 44 45 63 13 12 27 24 43 34 4 2 14 6 16 11 3 7 1 33 0 41-3 35-23 26-31 40-8 13 19 36 28 43 32 24 74 33 114 33 39 0 80-9 113-33 10-8 36-29 27-44-7-12-28-3-30-40 0-9-2-34 1-41 2-4 12-8 16-11 15-10 30-22 43-34 19-18 34-40 44-63 4-9 6-19 11-27 21 15 55 21 79 11 7-2 11-9 17-12 6-2 14-2 20-4 25-7 45-27 56-50 24-48 36-131 4-177-5-7-11-15-19-18 0-22 7-69-10-84zm-7-14c-6 2-17 4-22-1-1-1-8-41-9-47-6-21-13-41-23-60-17-35-42-67-71-93-65-59-154-89-240-89-88 0-175 30-241 89-29 26-54 58-71 93-10 19-17 39-22 60-2 7-8 46-10 48-5 5-17 2-22 1-1-31 8-64 19-92 53-143 196-227 346-227 138 0 275 70 335 198 17 37 31 79 31 120zM483 86c-30 5-59 9-87 21-11 4-67 37-49 52-18 7-39 8-57 3 52-38 102-64 166-74 9-1 18-4 27-2zm158 54c-8-6-14-16-22-22-22-19-49-27-76-32 11-2 80 11 88 18 9 7 11 26 10 36zm-2 56c-15-15-12-18-32-32-14-10-52-10-46-1 2 0 4 1 3 3s-5 2-6 2c-12 6-23 9-34 18-12 10-22 23-36 32-36 23-66 28-105 9 0 2 0 2-2 2 6 19 14 27 29 39-19 5-36 11-56 10-9 0-17-1-26-5-2 0-11-6-13-4s4 8 5 9c9 11 21 12 30 20 3 2 4 6 6 8 12 15 28 23 45 28-24 22-53 53-90 46 11-10 20-22 26-35-6 0-54 34-61 40s-12 13-19 19c-12-18 4-63 15-80 5-8 15-16 18-24-10 0-47 30-56 38-8 7-14 16-21 23-7-38 15-69 43-91 15-11 28-13 44-22 4-2 7-7 12-9 9-3 32 0 35-12-5-1-11 0-16-1-24-3-50-22-51-47 42 8 67 3 106-14 17-6 33-14 51-19 11-3 42-5 49-8-18-18-81 0-104 3 2-7 12-11 18-14 40-21 92-30 137-24 42 6 83 27 99 68 4 9 6 16 3 25zm22-64c17 17 27 52 6 72l3 2c15-15 58-20 75-5 1 1 4 1 4 3-1 1-24 6-31 10-15 9 8 9 21 15 52 26 45 81 77 121-26 7-40-26-54-40-3 5 7 39 8 48 1 18 0 36-6 53-18-10-35-34-39-55-2-13-2-49-18-54-1 7 2 15 3 23 2 24-3 62-24 78-5-5-4-16-5-22-4-21-11-42-20-60-4-8-10-23-20-25-3 0-6 1-9 1-1-1-3 2-5 0-1-1-4-32-8-39-3-6-9-14-15-6-4 5-11 52-15 63-9 26-23 48-42 66l-3-1c7-22 17-47 16-70-2-1-18 25-21 29-8 11-18 20-28 28-21 15-48 26-74 22-4 0-7 1-10-2 6-9 24-21 33-31 10-11 47-61 45-75-6 3-9 8-14 12-13 11-29 20-46 24-20 4-52 2-67-15 0-1-4-2-4-4 1-1 28-7 37-11 11-4 21-10 31-17 19-12 35-28 52-44 6-7 12-14 19-19 32-24 79-33 109-1 9 11 14 23 17 38 1 3-1 10 4 12 1 0 13-5 18-6 26-2 46 15 64 32l2-1c-8-27-30-44-57-48-2 0-6 2-8 0-5-5 23-12 27-13 28-9-21-5-27-4 1-2 2-6 2-7-2-3-5-1-7-4-3-5-1-11-2-16s-5-6-5-11c0-6 8-24 9-35 0-4-2-8 2-11zM260 192c4 7 5 14 10 21-12 8-25 16-40 18 9-14 18-28 30-39zm520 17c27 40 56 88 57 139-36-36-29-97-75-126 10 0 23 1 18-13zM205 277l10 7c-19 23-31 82-11 106l9-4c-3 8-1 20-1 29l-22 4c0-17 4-38-13-48 3-2 5-5 6-9 2-6 2-14 3-20 4-22 9-46 19-65zm633 76c2 7 3 12 8 18-16 11-13 31-13 48l-21-4c-1-15 3-28 0-43 12-2 20-8 26-19zM210 430c8 0 17 0 23 7 13 14 28 98 32 119 5 27 6 55 9 82 1 11 9 40 8 48-2 9-13 14-20 16-8 2-17 5-24 0-15-9-31-99-34-118-4-25-22-132-7-149 3-4 8-4 13-5zm-22 6c-9 56 10 222 43 270-9 0-20-1-26-8-14-14-28-94-32-116-4-26-17-113-6-134 4-7 13-12 21-12zm-39 25c-1 58 7 116 19 173 4 18 12 36 15 55 0-1 0-1 0 0-78-7-109-198-34-228zm725 0c77 31 40 229-34 227 3-21 12-41 17-62 11-54 18-109 17-165zM417 849c11 8 24 13 36 17 56 20 102 10 153-16 0 46-5 53 32 81-51 69-206 74-253-1 34-13 32-50 32-81zM681 127c19 7 74 47 83 65 0 0 0 0 0 0-27-14-35-18-67-18 0-18-5-33-16-47 0 0 0 0 0 0zM670 422c2 4 6 5 10 6 13-12 19-14 31-30 5 8 5 18 8 26 7 21 18 41 21 64 8 58-4 196-32 249-33 62-125 125-196 125-73 0-167-64-199-128-25-50-39-187-31-241 3-17 23-80 32-94 33 2 68-19 90-42 5-5 10-16 16-18 5-2 26-4 32-3-7 10-17 20-27 28-4 4-32 20-33 22-3 10 16 15 22 17 37 11 87 1 114-28-4 13-18 24-20 37 8 4 15 0 23-3 42-17 61-57 77-97l11 10c40-15 45 79 51 100zM795 702c-14 2-48 5-53-15-3-9 4-24 5-34 4-30 6-61 10-92 4-29 11-60 20-89 7-25 13-52 47-40 4 2 7 5 11 6l-1-3c9 1 20 6 23 14 10 24-2 105-7 13
…

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

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

import PersonWithHeadphonesSvg from "./person-with-headphones.jsx"; // from the React tab above

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