Ribbon Label SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="cream" data-name="Cream"><path d="M81 334l1 339 854-1c-21-19-50-60-70-83-9-11-58-66-61-73-2-5-3-9-1-14 3-12 115-140 132-168z" fill="#fcf1d2" stroke="#fcf1d2"/></g><g id="grape" data-name="Grape"><path d="M834 507c7-13 19-24 28-36 18-22 35-44 53-66 10-13 60-71 61-83 0-14-12-15-22-15-122-2-243 0-364 0-122 0-244 0-365 0-31 0-61 0-91 0-15 0-60-3-71 1-5 1-8 6-9 11-4 17 0 67 1 88 1 29 0 60 0 91 0 60-3 122 0 183 0 7 0 14 8 17 11 4 134 1 156 1 121 0 242 0 364 0 81 0 161 0 243 0 39 0 80 2 120 0 7 0 19 1 25-5 4-3 5-10 4-15-3-8-50-61-59-72-19-23-38-46-57-69-8-11-18-20-25-31zM81 334h855c-17 28-129 156-132 168-2 5-1 9 1 14 3 7 52 62 61 73 20 23 49 64 70 83l-854 1z" fill="#0a2969" stroke="#0a2969"/></g></svg>

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

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

import RibbonLabelSvg from "./ribbon-label.jsx"; // from the React tab above

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