Five Star Row SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/_6hKEFhnQM-v/amnt.svg" alt="Five 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="M702 413c-4 9-18 41-24 47-8 7-52 6-52 14 0 4 30 27 33 34 6 11-6 43-6 58 14 0 34-23 48-24 7 0 42 21 51 25 0-15-12-47-7-58 3-7 34-31 34-35 0-8-45-6-53-15-6-5-20-37-24-46z" fill="#fdbe02" stroke="#fdbe02"/><path d="M323 414c-5 7-22 46-26 48-7 5-41 6-52 9 1 0-1 0-1 0 6 7 36 35 38 40 1 5-2 14-3 19-2 12-6 25-6 37 7-4 43-25 50-25 5 0 43 22 49 26 0-16-12-48-6-60 3-6 34-32 34-35-1-6-46-6-54-14-7-7-18-35-23-45z" fill="#fdbe02" stroke="#fdbe02"/><path d="M512 413c-4 9-18 41-24 47-7 7-52 7-53 13 0 3 31 29 34 35 5 11-5 44-7 58 15 0 34-23 49-24 7 0 42 21 52 25-2-14-13-49-6-60 6-10 31-26 33-36-12-3-44-4-52-9-4-2-23-42-26-49z" fill="#fdbe02" stroke="#fdbe02"/><path d="M133 413c-3 7-22 47-26 49-6 4-42 7-51 9 2 12 27 25 33 37 6 11-5 45-6 59 9-4 42-25 50-25 6 0 16 8 22 11 8 4 18 7 25 13h3c-2-16-13-47-6-59 7-11 31-25 33-36-11-3-43-4-51-9-5-3-22-42-26-49z" fill="#fdbe02" stroke="#fdbe02"/><path d="M892 413c-3 7-21 46-26 49-8 5-40 6-52 9 4 7 11 13 17 19 5 5 18 13 20 20 2 8-8 47-9 57 68-30 31-31 101 0-11-67-20-48 29-96-2 0-2 0-2 0-11-3-44-4-52-9-4-2-23-42-26-49z" fill="#fdbe02" stroke="#fdbe02"/></g><g id="black" data-name="Black"><path d="M132 407c-13 2-19 41-29 48-4 3-10 2-14 3-34 5-58 1-23 36 4 4 15 12 17 18 4 13-8 36-7 50 1 29 45-13 59-11 13 2 57 43 54 7-4-42-20-33 13-66 35-35 3-29-27-34-4-1-9-1-12-3-9-7-18-49-31-48zm1 6c4 7 21 46 26 49 8 5 40 6 51 9-2 11-26 25-33 36-7 12 4 43 6 59h-3c-7-6-17-9-25-13-6-3-16-11-22-11-8 0-41 21-50 25 1-14 12-48 6-59-6-12-31-25-33-37 9-2 45-5 51-9 4-2 23-42 26-49z" fill="#151512" stroke="#151512"/><path d="M892 408c-14 0-20 41-30 47-4 3-9 2-13 3-11 2-47 1-40 19 2 5 11 12 16 16 4 5 16 13 18 19 4 10-7 35-7 47-2 34 42-8 56-9 13 0 57 43 57 10-1-13-11-36-7-48 2-6 14-15 18-19 4-5 14-11 16-17 6-17-30-16-41-18-4-1-9 0-12-2-11-7-17-49-31-48zm0 5c3 7 22 47 26 49 8 5 41 6 52 9 0 0 0 0 2 0-49 48-40 29-29 96-70-31-33-30-101 0 1-10 11-49 9-57-2-7-15-15-20-20-6-6-13-12-17-19 12-3 44-4 52-9 5-3 23-42 26-49z" fill="#151512" stroke="#151512"/><path d="M512 407c-13 1-20 42-31 49-3 2-9 1-12 2-34 5-58 1-24 35 4 5 15 12 18 19 4 10-7 35-7 47-2 34 42-9 56-9 13 0 58 43 57 10 0-13-11-36-7-48 2-6 14-14 19-19 34-35 5-30-26-35-4-1-10-1-13-3-9-7-17-48-30-48zm0 6c3 7 22 47 26 49 8 5 40 6 52 9-2 10-27 26-33 36-7 11 4 46 6 60-10-4-45-25-52-25-15 1-34 24-49 24 2-14 12-47 7-58-3-6-34-32-34-35 1-6 46-6 53-13 6-6 20-38 24-47z" fill="#151512" stroke="#151512"/><path d="M322 407c-13 1-20 42-30 49-3 2-10 1-13 2-35 6-58 1-23 36 4 4 15 12 17 18 4 12-7 36-7 49 0 30 44-11 57-10 13 0 58 42 56 9-1-13-11-37-7-48 2-6 14-14 19-19 35-35 7-30-26-35-4-1-10-1-13-3-9-7-17-49-30-48zm1 7c5 10 16 38 23 45 8 8 53 8 54 14 0 3-31 29-34 35-6 12 6 44 6 60-6-4-44-26-49-26-7 0-43 21-50 25 0-12 4-25 6-37 1-5 4-14 3-19-2-5-32-33-38-40 0 0 2 0 1 0 11-3 45-4 52-9 4-2 21-41 26-48z" fill="#151512" stroke="#151512"/><path d="M702 407c-13 1-20 41-30 48-4 3-9 2-13 3-11 2-48 1-40 19 2 5 11 12 16 16 4 5 16 13 18 19 4 11-7 35-7 47-2 34 43-8 56-9 13 0 57 43 57 10-1-13-11-36-7-48 2-6 14-14 19-19 4-4 13-10 15-16 7-19-30-17-41-19-4-1-10 0-13-3-10-7-16-48-30-48zm0 6c4 9 18 41 24 46 8 9 53 7 53 15 0 4-31 28-34 35-5 11 7 43 7 58-9-4-44-25-51-25-14 1-34 24-48 24 0-15 12-47 6-58-3-7-33-30-33-34 0-8 44-7 52-14 6-6 20-38 24-47z" fill="#151512" stroke="#151512"/></g></svg>

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

.five-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/_6hKEFhnQM-v/amnt.svg") center / contain no-repeat;
}

import FiveStarRowSvg from "./five-star-row.jsx"; // from the React tab above

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