Award Ribbon SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="violet" data-name="Violet"><path d="M506 14c-23 4-35 31-59 30-26-1-44-22-66 5-7 9-11 21-21 28-21 16-54-4-68 23-5 9-5 19-7 28-8 30-34 21-52 37-22 19 4 47-10 68-12 18-43 22-37 49s29 32 8 63c-17 26-19 34 4 57 28 29 9 32 9 65 0 29 30 25 45 42 16 18-1 52 26 62 32 13 36-7 57 32 17 33 37 13 64 16 23 3 31 29 53 36 24 8 42-20 67-16s37 29 64 11c22-14 24-35 55-31 37 5 37 8 56-25 16-28 41-10 60-27 20-17 2-48 26-64 21-15 44-13 36-48-2-9-6-18-5-28 3-25 39-31 33-59-2-12-12-20-18-31-15-28 17-40 13-66-4-23-35-24-41-47s17-50-15-65c-27-12-38-7-46-42-8-40-23-29-55-33-26-4-28-29-46-43-22-17-47 9-71 1-22-7-33-32-59-28zM467 60c20 0 38 13 59 7 20-6 40-9 60 1 16 7 27 24 45 27 19 4 38 5 53 19 14 12 18 29 29 44 10 13 30 17 41 31 15 17 12 36 16 56 3 18 21 30 26 48 7 26-5 36-9 58-4 21 12 38 3 63-6 18-23 27-29 42-8 19-4 38-19 55-12 13-31 16-44 28-13 11-17 30-32 40-20 13-42 4-60 14-17 9-28 23-49 24-23 0-34-14-58-7-20 7-38 9-58-2-9-5-18-16-29-19-4-1-10 0-14 0-24-1-41-8-55-27-6-8-10-19-18-25-23-18-43-12-54-48-9-30 1-25-21-51-14-16-20-33-17-55 1-9 7-19 6-28 0-6-4-12-6-17-9-24-7-47 8-68 4-6 10-11 12-18 3-6 2-13 2-19 2-26 12-46 34-60 8-4 17-8 23-16 17-23 19-44 50-56 20-8 37-3 55-18 14-11 30-22 50-23z" fill="#012eb3" stroke="#012eb3"/><path d="M462 668c-17-4-29-9-41-23-4-4-8-9-13-12-20-13-37 11-70-8-2 17-22 56-29 74-27 65-56 129-79 195 13-6 79-49 86-49 4 0 4 1 7 4 6 6 9 17 13 24 12 23 23 50 38 72z" fill="#012eb3" stroke="#012eb3"/><path d="M503 201c-132 10-174 187-56 251 23 12 49 19 75 17 69-6 126-65 126-134 0-77-69-139-145-134zm-2 49c113-12 131 156 22 169-114 13-129-157-22-169z" fill="#012eb3" stroke="#012eb3"/><path d="M200 912c7-21 16-41 24-61 13-31 25-62 38-93 9-21 55-144 63-152l-7-13-133 328z" fill="#012eb3" stroke="#012eb3"/><path d="M389 973l7 15 102-334-11 5z" fill="#012eb3" stroke="#012eb3"/></g><g id="black" data-name="Black"><path d="M717 587c18-6 39 0 51-20 10-16 0-43 17-55 14-10 34-11 41-30 9-21-11-40-3-59 8-22 45-25 29-64-4-10-12-17-17-26-16-32 51-54-12-95-40-26 22-70-44-92-7-2-17-3-23-9-18-18 0-60-47-63-11-1-24 2-34-3-24-10-19-49-60-47-21 1-36 17-56 3-15-10-27-24-47-24s-32 14-47 24c-20 14-35-2-56-3-40-2-37 40-62 48-10 4-21 1-30 2-49 4-31 47-48 63-6 6-16 7-24 10-56 18-20 51-29 77-2 6-9 10-13 13-65 45 3 62-14 97-4 9-12 16-16 25-17 39 21 42 29 64 8 19-12 38-3 60 8 18 26 19 41 29 17 12 7 39 17 56 11 19 33 13 51 19-9 28-22 56-33 83-24 58-49 117-72 175-4 11-38 86-37 91 1 2 1 4 4 5 5 2 25-12 30-15 38-22 76-45 114-67 7 9 12 21 17 31 15 28 29 57 45 85 4 8 16 41 25 33 4-3 6-15 7-20 7-22 14-45 20-67 19-65 39-130 60-194 7-23 20-53 23-76 10 18 14 40 20 59 22 70 44 141 65 211 3 10 23 84 26 86 2 2 4 3 7 2 4-1 17-29 20-34 12-23 48-101 61-116 11 4 19 12 29 17 29 16 57 33 86 50 5 3 25 17 31 14 7-3-27-76-34-93-25-59-49-119-73-178-10-27-25-54-32-82zM506 14c26-4 37 21 59 28 24 8 49-18 71-1 18 14 20 39 46 43 32 4 47-7 55 33 8 35 19 30 46 42 32 15 9 42 15 65s37 24 41 47c4 26-28 38-13 66 6 11 16 19 18 31 6 28-30 34-33 59-1 10 3 19 5 28 8 35-15 33-36 48-24 16-6 47-26 64-19 17-44-1-60 27-19 33-19 30-56 25-31-4-33 17-55 31-27 18-39-7-64-11s-43 24-67 16c-22-7-30-33-53-36-27-3-47 17-64-16-21-39-25-19-57-32-27-10-10-44-26-62-15-17-45-13-45-42 0-33 19-36-9-65-23-23-21-31-4-57 21-31-2-36-8-63s25-31 37-49c14-21-12-49 10-68 18-16 44-7 52-37 2-9 2-19 7-28 14-27 47-7 68-23 10-7 14-19 21-28 22-27 40-6 66-5 24 1 36-26 59-30zM325 606c3 7 7 15 13 19 33 19 50-5 70 8 5 3 9 8 13 12 12 14 24 19 41 23 9-3 17-5 25-9l11-5-102 334-7-15-15-28c-15-22-26-49-38-72-4-7-7-18-13-24-3-3-3-4-7-4-7 0-73 43-86 49l-30 18-15 9 133-328zm361 19c6-5 10-12 14-19l6-11 134 326-16-10-30-17c-11-7-79-49-86-49-4 0-4 2-7 5-5 5-7 14-11 20-12 23-25 55-40 76l-13 26-8 15-104-336 13 8c8 4 15 8 24 8 26 2 35-22 54-34 21-14 43 11 70-8z" fill="#020103" stroke="#020103"/><path d="M467 60c-20 1-36 12-50 23-18 15-35 10-55 18-31 12-33 33-50 56-6 8-15 12-23 16-22 14-32 34-34 60 0 6 1 13-2 19-2 7-8 12-12 18-15 21-17 44-8 68 2 5 6 11 6 17
…

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

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

import AwardRibbonSvg from "./award-ribbon.jsx"; // from the React tab above

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