Ribbon Banner SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="red" data-name="Red"><path d="M838 541c4-40 13-79 19-118 1-5 2-9 1-13-6-14-78-26-94-29-83-14-168-22-252-22-85 0-170 8-253 23-15 2-87 14-93 28-1 4 0 9 1 13 7 39 15 79 20 118 53-30 260-45 325-44 67 1 272 13 326 44z" fill="#fb3826" stroke="#fb3826"/><path d="M161 445c-30 0-88 12-117 20 8 5 67 55 68 61 1 9-39 69-45 84 39-12 82-16 122-22 19-3 41-2 60-9-15-4-60-8-68-20-4-6-4-13-5-19-5-31-15-64-15-95z" fill="#fb3826" stroke="#fb3826"/><path d="M980 465c-18-6-98-21-116-20-5 32-11 63-16 95-1 6-1 13-4 18-9 15-51 15-66 21 5 4 155 23 180 31-6-14-47-77-46-85 1-4 61-56 68-60z" fill="#fb3826" stroke="#fb3826"/></g><g id="maroon" data-name="Maroon"><path d="M865 433c2-10 7-21 1-30-13-21-121-36-147-39-69-11-138-15-207-15-70 0-139 5-208 15-25 3-137 18-147 41-4 9 0 19 2 28-21 7-118 16-127 23-3 2-4 4-3 7 0 6 63 54 72 64-12 25-27 48-40 72-3 4-10 13-9 17 1 3 3 5 6 6s54-11 62-12c32-6 65-11 97-15 51-6 50-14 40-63 125-21 250-30 376-19 45 4 89 12 133 19 2 48-21 55 41 63 32 4 64 9 96 15 9 1 59 13 64 11 3-1 4-2 5-5 1-4-7-14-9-18-13-23-25-49-40-71 8-6 72-61 72-64 1-5-1-5-4-7-15-9-102-15-126-23zM838 541c-54-31-259-43-326-44-65-1-272 14-325 44-5-39-13-79-20-118-1-4-2-9-1-13 6-14 78-26 93-28 83-15 168-23 253-23 84 0 169 8 252 22 16 3 88 15 94 29 1 4 0 8-1 13-6 39-15 78-19 118zM161 445c0 31 10 64 15 95 1 6 1 13 5 19 8 12 53 16 68 20-19 7-41 6-60 9-40 6-83 10-122 22 6-15 46-75 45-84-1-6-60-56-68-61 29-8 87-20 117-20zm819 20c-7 4-67 56-68 60-1 8 40 71 46 85-25-8-175-27-180-31 15-6 57-6 66-21 3-5 3-12 4-18 5-32 11-63 16-95 18-1 98 14 116 20z" fill="#520606" stroke="#520606"/></g></svg>

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

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

import RibbonBannerSvg from "./ribbon-banner.jsx"; // from the React tab above

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