One Star SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/CpYrC9Re0PT2/amnt.svg" alt="One Star" 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="M606 331c-8-29-32-74-44-104-5-12-42-102-46-104-3-2-5-2-9 0s-37 83-41 94c-15 35-30 70-46 104-1 3-2 8-5 10-5 3-107 11-122 12-13 1-103 6-105 12-4 8 7 14 12 18 31 27 63 53 94 79 21 17 45 42 68 56-3 23-12 46-18 69-9 35-18 70-27 105-14 53-9 47 33 22 23-13 46-26 68-40 23-14 46-28 70-41 5-3 16-13 23-13 8 0 37 21 46 26 46 27 91 55 137 81 6 4 16 11 19 1 2-4-13-55-15-63-8-29-15-58-23-87-2-10-16-52-14-59 2-6 69-59 78-67 20-17 41-33 61-50 4-4 34-27 35-30 2-4 1-8-2-10-5-4-20-2-26-3-40-4-81-8-121-11-26-2-53-3-80-7z" fill="#fdc501" stroke="#fdc501"/></g><g id="navy" data-name="Navy"><path d="M291 766c-45 5-46 70 10 70 47 0 96 0 144 0 65 0 131 0 197 0 30 0 61 3 91 0 45-4 47-69-9-70-48-1-97 0-144 0-67 0-132 0-198 0-30 0-62-3-91 0z" fill="#022a59" stroke="#022a59"/></g></svg>

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

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

import OneStarSvg from "./one-star.jsx"; // from the React tab above

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