Medal Ribbon SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/o-jEkEMJd7PK/amnt.svg" alt="Medal Ribbon" 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="M508 690c103-2 157 128 77 196-19 16-41 26-66 27-116 7-164-148-64-207 14-8 31-16 47-15zM683 814l1-6c0-154-176-236-291-130-110 101-35 298 116 295h7c71 3 138-53 159-118 4-13 9-28 8-41z" fill="#fcc333" stroke="#fcc333"/><path d="M516 605h-9l-7 1c-96-1-187 96-184 191v6c-1 171 210 258 333 140 98-95 70-265-56-320-21-9-46-18-70-17zM689 806c2 154-195 229-301 122-83-82-66-217 32-278 24-15 55-26 84-25h16c92-3 169 86 169 174z" fill="#fcc333" stroke="#fcc333"/><path d="M793 51l-13-11-272 500h16z" fill="#fcc333" stroke="#fcc333"/><path d="M520 695h-16c-18 0-37 8-51 17-87 58-46 197 59 197 102 0 146-133 63-194-15-11-36-20-55-20zM419 807v-14c0-14 6-28 13-40 38-64 138-57 167 13 3 9 7 20 6 30v11c1 15-5 30-13 43-37 62-132 59-164-7-5-11-10-24-9-36z" fill="#fcc333" stroke="#fcc333"/><path d="M487 490l-241-452-13 12c7 20 22 40 32 59 30 57 61 113 92 170 15 28 114 220 124 229z" fill="#fcc333" stroke="#fcc333"/><path d="M435 548c-27-42-51-85-76-128-62-106-121-213-182-319l-12 11c22 33 40 70 59 104 43 77 88 154 133 230 19 31 45 85 69 111z" fill="#fcc333" stroke="#fcc333"/><path d="M860 112l-11-10c-12 14-30 51-40 69-30 51-60 103-89 154-29 50-58 100-88 149-14 24-27 51-45 72l10 9c14-14 25-36 35-53 34-55 67-111 99-166 33-57 66-115 99-171 10-17 25-35 30-53z" fill="#fcc333" stroke="#fcc333"/><path d="M488 546h-15l-19 1c-39 5-35 70-5 61 6-2 8-3 9-10-7-5-13-9-12-18 1-21 50-14 66-14s37-3 53 0c18 4 15 24 2 31l1 9 14 5c27-16 19-61-13-64l-15-1h-34z" fill="#fcc333" stroke="#fcc333"/><path d="M674 19l-20-1c-4 14-25 75-24 85l19-1z" fill="#fcc333" stroke="#fcc333"/><path d="M370 18h-19l25 85h19z" fill="#fcc333" stroke="#fcc333"/><path d="M507 582h-6l-6 1c-11 4-12 9-19 13l-11 1-4 7 40-5h22l39 5c0-3 1-6-2-7l-12-1c-7-11-20-15-32-14z" fill="#fcc333" stroke="#fcc333"/></g><g id="navy" data-name="Navy"><path d="M246 38l241 452c1-1 3-7 5-7 7 1-2 19-4 23-4 11-10 22-13 34h33l272-500c-3-5-9-9-14-14-4-3-9-9-15-10-20-2-44 58-53 74-20 39-41 78-62 117s-42 78-62 117c-11 20-21 39-31 59-10 18-17 37-27 54-1 2 0 6-2 6-3 1-14-23-16-27-6-10-10-20-16-30-10-20-20-39-30-59-21-39-42-78-62-117-21-39-41-79-62-118-8-15-16-30-24-45-11-22-22-42-47-19-4 3-8 6-11 10z" fill="#022e63" stroke="#022e63"/><path d="M597 555l6 14c56-4 140-166 168-213 23-39 46-79 69-119 22-37 66-90 20-125-5 18-20 36-30 53-33 56-66 114-99 171-32 55-65 111-99 166-10 17-21 39-35 53z" fill="#022e63" stroke="#022e63"/><path d="M426 557c-24-26-50-80-69-111-45-76-90-153-133-230-19-34-37-71-59-104-5 2-10 8-13 12-25 35 14 81 31 112 23 40 47 80 70 120 29 49 111 207 168 213z" fill="#022e63" stroke="#022e63"/><path d="M649 102c6 2 30 3 35 0 5-2 9-16 12-21 10-18 39-59-1-63-6-1-15-1-21 1z" fill="#022e63" stroke="#022e63"/><path d="M376 103l-25-85c-39 0-53 5-32 44 4 7 18 38 23 41 6 2 26 0 34 0z" fill="#022e63" stroke="#022e63"/></g><g id="cherry" data-name="Cherry"><path d="M849 102l-56-51-269 489c22 0 42-1 63 6 18-21 31-48 45-72 30-49 59-99 88-149 29-51 59-103 89-154 10-18 28-55 40-69z" fill="#a60f12" stroke="#a60f12"/><path d="M481 508c-10-9-109-201-124-229-31-57-62-113-92-170-10-19-25-39-32-59l-56 51c61 106 120 213 182 319 25 43 49 86 76 128 11-6 20-8 32-8z" fill="#a60f12" stroke="#a60f12"/><path d="M654 18h-284l25 85h235c-1-10 20-71 24-85z" fill="#a60f12" stroke="#a60f12"/><path d="M487 579l22-4 1-2-32-1c4 1 8 0 12 1 6 2-1 5-3 6z" fill="#a60f12" stroke="#a60f12"/><path d="M537 579l-6-4 26-3-35 1c4 3 10 6 15 6z" fill="#a60f12" stroke="#a60f12"/><path d="M520 546h-32z" fill="#a60f12" stroke="#a60f12"/><path d="M501 599h22z" fill="#a60f12" stroke="#a60f12"/><path d="M454 547l19-1z" fill="#a60f12" stroke="#a60f12"/><path d="M504 625h16z" fill="#a60f12" stroke="#a60f12"/><path d="M504 695h16z" fill="#a60f12" stroke="#a60f12"/><path d="M569 547l-15-1z" fill="#a60f12" stroke="#a60f12"/><path d="M458 573l14-1z" fill="#a60f12" stroke="#a60f12"/><path d="M419 807v-14z" fill="#a60f12" stroke="#a60f12"/><path d="M560 5
…

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

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

import MedalRibbonSvg from "./medal-ribbon.jsx"; // from the React tab above

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