Three Stars SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="amber" data-name="Amber"><path d="M690 356c-10-10-105-12-119-21-4-2-5-7-6-10-8-14-47-105-53-105s-45 90-52 104c-2 4-3 8-7 11-12 8-97 11-119 21 12 22 66 59 82 82 2 2 3 3 4 6 3 16-27 116-21 126 15-1 90-53 109-57 16-3 88 46 110 54 2 1 5 4 7 2 7-8-28-112-19-129 5-10 71-71 84-84z" fill="#fdcd02" stroke="#fdcd02"/><path d="M826 399c-10 2-49 64-58 77-2 4-4 9-8 11-16 8-85-9-105-2 8 13 58 80 59 89 1 16-39 84-39 105 5 2 68-20 78-23 7-2 16-7 24-7 12 0 33 21 44 30 8 6 16 13 24 19 3 3 22 19 24 17 3-2 1-13 1-16 0-18-7-87 2-97 12-13 88-53 83-61-2-3-41-14-46-16-11-3-48-12-53-19-5-6-6-18-8-25-7-27-16-55-22-82z" fill="#fdcd02" stroke="#fdcd02"/><path d="M201 399c-13 7-23 95-34 108s-95 28-100 41c24 19 53 33 79 52 4 2 7 4 9 9 2 8-1 92-1 108 28-17 53-48 81-64 4-3 5-4 10-4 18 0 77 27 102 30 0-1 0-1 0 0-5-22-41-93-35-109 7-20 56-70 57-87-19 0-93 10-103 6-5-2-8-8-11-12-18-25-38-51-54-78z" fill="#fdcd02" stroke="#fdcd02"/></g><g id="black" data-name="Black"><path d="M509 204c-18 2-35 52-42 67-4 8-20 47-24 50-6 4-22 4-30 5-16 3-75 8-85 16-8 5-10 17-6 25 5 11 31 31 40 41 6 6 40 35 41 40 3 8-19 95-21 113-1 14 6 27 22 25 21-3 95-58 110-56 6 1 15 8 20 11 14 8 79 45 90 45 18 0 19-18 17-31-3-15-22-100-20-107 1-4 38-39 44-44 10-9 32-27 37-38 3-8 3-18-4-24-10-9-76-15-93-17-7-1-19-1-24-4-3-3-5-9-7-13-9-19-35-82-45-95-5-7-12-10-20-9zM690 356c-13 13-79 74-84 84-9 17 26 121 19 129-2 2-5-1-7-2-22-8-94-57-110-54-19 4-94 56-109 57-6-10 24-110 21-126-1-3-2-4-4-6-16-23-70-60-82-82 22-10 107-13 119-21 4-3 5-7 7-11 7-14 46-104 52-104s45 91 53 105c1 3 2 8 6 10 14 9 109 11 119 21z" fill="#020202" stroke="#020202"/><path d="M868 494c-1-11-22-91-28-100-2-4-5-7-10-9-7-2-14-1-20 4-13 9-39 56-50 72-3 3-6 10-10 12-3 1-7-1-11-1-18 0-68-6-83-3-7 2-14 7-15 15-2 15 45 75 56 92-8 23-36 78-38 97 0 5 0 10 3 14 4 6 11 8 16 8 13 0 85-24 101-30 7 8 77 64 84 66 43 9 13-97 21-117 1-2 3-2 4-3 16-18 83-44 84-68 0-5-2-10-6-14-12-13-77-23-98-35zm-42-95c6 27 15 55 22 82 2 7 3 19 8 25 5 7 42 16 53 19 5 2 44 13 46 16 5 8-71 48-83 61-9 10-2 79-2 97 0 3 2 14-1 16-2 2-21-14-24-17-8-6-16-13-24-19-11-9-32-30-44-30-8 0-17 5-24 7-10 3-73 25-78 23 0-21 40-89 39-105-1-9-51-76-59-89 20-7 89 10 105 2 4-2 6-7 8-11 9-13 48-75 58-77z" fill="#020202" stroke="#020202"/><path d="M195 385c-25 5-30 99-41 111-5 6-19 8-26 10-15 6-62 18-71 28-6 7-7 17-1 24 7 10 23 17 33 23 6 4 48 30 49 33 2 3 1 7 1 11 1 25-6 69-1 92 11 50 90-48 107-51 5-1 11 3 16 4 16 5 33 10 49 15 30 9 64 19 47-28-4-11-31-74-30-80s26-39 31-46c8-11 20-24 24-36 15-43-69-23-91-22-5 0-14 2-19 0-9-3-46-75-60-84-5-4-11-5-17-4zm6 14c16 27 36 53 54 78 3 4 6 10 11 12 10 4 84-6 103-6-1 17-50 67-57 87-6 16 30 87 35 109 0-1 0-1 0 0-25-3-84-30-102-30-5 0-6 1-10 4-28 16-53 47-81 64 0-16 3-100 1-108-2-5-5-7-9-9-26-19-55-33-79-52 5-13 89-28 100-41s21-101 34-108z" fill="#020202" stroke="#020202"/></g></svg>

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

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

import ThreeStarsSvg from "./three-stars.jsx"; // from the React tab above

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