Four Star Row SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/-niobjp4ZWa3/amnt.svg" alt="Four Star Row" 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="M512 419c-26 53-14 48-76 55 7 7 36 31 38 39 1 7-4 18-5 25-1 9-2 18-5 27 66-29 29-28 95-1-8-65-19-43 28-89-11-4-23-4-34-6-5-1-13-1-17-4-6-4-19-37-24-46z" fill="#fdce02" stroke="#fdce02"/><path d="M203 475c-9-4-19-4-28-5-7-1-18-1-23-4-8-5-19-36-25-46-30 52-8 46-76 54 6 5 36 33 37 37 3 7-6 44-8 53 67-28 28-28 95 0-14-68-13-44 28-89z" fill="#fdce02" stroke="#fdce02"/><path d="M780 474c-70-8-44-3-76-54-4 7-19 43-24 46s-16 3-23 4c-9 1-19 1-28 5 48 48 36 24 28 89 63-26 30-29 95 0-3-11-12-43-8-53 1-6 30-31 36-37z" fill="#fdce02" stroke="#fdce02"/><path d="M320 420c-32 51-6 46-76 54 44 43 41 27 28 91 60-34 39-23 94-1 1-9-2-17-4-26-1-7-5-19-4-25 1-5 32-33 38-39-69-8-46-2-76-54z" fill="#fdce02" stroke="#fdce02"/></g><g id="black" data-name="Black"><path d="M126 405c-11 2-20 45-29 51-4 3-11 3-16 3-10 2-46 2-42 16 1 3 16 17 20 20 3 4 18 16 19 20 2 8-7 39-8 49-3 33 44-12 58-11 14 0 62 46 57 9-6-46-20-36 14-69 5-5 14-11 16-17 6-16-35-16-45-17-4-1-9-1-12-3-9-6-20-53-32-51zm77 70c-41 45-42 21-28 89-67-28-28-28-95 0 2-9 11-46 8-53-1-4-31-32-37-37 68-8 46-2 76-54 6 10 17 41 25 46 5 3 16 3 23 4 9 1 19 1 28 5z" fill="#161514" stroke="#161514"/><path d="M319 405c-11 1-20 45-30 51-4 3-11 2-15 3-34 5-61 1-23 36 3 3 18 16 19 19 3 8-7 40-8 51-3 32 45-13 58-12 15 0 62 46 57 9-2-12-11-38-7-48 1-4 16-17 21-21 4-4 16-12 17-18 4-14-34-14-45-16-4-1-10-1-13-3-9-6-19-52-31-51zm1 15c30 52 7 46 76 54-6 6-37 34-38 39-1 6 3 18 4 25 2 9 5 17 4 26-55-22-34-33-94 1 13-64 16-48-28-91 70-8 44-3 76-54z" fill="#161514" stroke="#161514"/><path d="M705 552c6 5 50 27 55 24s2-9 2-13c-2-11-11-39-8-48 1-4 16-17 20-21 38-36 11-29-26-35-4-1-10 0-14-3-9-6-18-51-29-51-12 0-22 45-31 51-4 3-10 2-14 3-10 2-48 2-44 16 1 6 14 14 18 19 5 5 18 13 20 20 4 11-6 37-7 49-1 5-3 10 2 13 6 4 48-20 56-24zm75-78c-6 6-35 31-36 37-4 10 5 42 8 53-65-29-32-26-95 0 8-65 20-41-28-89 9-4 19-4 28-5 7-1 18-1 23-4s20-39 24-46c32 51 6 46 76 54z" fill="#161514" stroke="#161514"/><path d="M898 552c6 5 49 27 54 24s2-10 2-14c-2-11-11-37-8-47 1-4 17-18 21-21 4-5 17-13 18-19 4-14-34-14-45-16-4-1-9 0-13-3-9-6-20-51-30-51-11 1-21 45-30 51-4 3-11 2-15 3-11 2-47 2-43 16 1 3 16 16 19 20 4 3 18 16 19 20 3 8-7 39-8 50 0 3-2 9 2 11 6 4 48-20 57-24zm-1-132c4 7 18 42 23 45 5 4 15 3 21 4 11 2 22 5 33 4-45 48-41 20-31 90-9-3-16-7-24-11-5-3-14-9-21-10-10-1-37 16-47 22-1-10 2-20 4-29 1-7 4-16 3-23-2-8-30-31-37-38 9-1 47-5 52-8 4-3 21-40 24-46z" fill="#161514" stroke="#161514"/><path d="M511 405c-11 2-20 45-30 52-4 2-11 1-15 2-10 2-46 2-42 16 1 3 16 17 20 20 4 5 16 13 18 20 3 10-7 39-8 51-2 30 46-14 59-13s62 45 56 9c-1-11-10-38-7-48 2-7 15-16 21-21 4-4 16-13 17-18 1-3 1-6-2-9-4-4-36-6-43-7-4-1-10-1-13-3-9-6-20-52-31-51zm1 14c5 9 18 42 24 46 4 3 12 3 17 4 11 2 23 2 34 6-47 46-36 24-28 89-66-27-29-28-95 1 3-9 4-18 5-27 1-7 6-18 5-25-2-8-31-32-38-39 62-7 50-2 76-55z" fill="#161514" stroke="#161514"/></g></svg>

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

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

import FourStarRowSvg from "./four-star-row.jsx"; // from the React tab above

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