Folded Ribbon SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="coral" data-name="Coral"><path d="M931 378c-139 0-277-3-415-3-69 0-138-1-207-1-18 0-36 0-54 0-28 0-66-4-76 29-4 15-2 33-2 49 0 17-3 37 2 54 3 11 11 20 22 23 22 8 79 2 105 2 69 0 138-1 208-1 139 0 278 2 417 2-8-11-61-71-61-78s52-65 61-76z" fill="#fc7159" stroke="#fc7159"/></g><g id="cream" data-name="Cream"><path d="M798 638c-30 25-123 16-163 16-60 0-120 0-179 0-120 0-240 0-359 0 8 9 64 69 64 75s-57 67-64 75c145 0 290 0 436 0 40 0 80 0 120 0 30 0 63 3 93-5 54-13 54-52 54-99 0-21 1-42-2-62z" fill="#fcead0" stroke="#fcead0"/></g><g id="petrol" data-name="Petrol"><path d="M97 284c14 3 28 1 42 0 18-1 38 0 57 0 94 0 187-1 282-1 31 0 63 2 94-1 20-2 41-8 61-12 44-9 128-18 148-67 24-60-80-70-114-71-63-2-126-2-189-2-84 0-167 1-250 1-32 0-64 0-96 1-11 0-23-1-35 1 9 8 64 69 64 75s-56 69-64 76z" fill="#027682" stroke="#027682"/><path d="M224 547c3 35 87 47 115 54 44 12 88 23 132 34 40 11 118 5 163 5 30 0 133 7 153-13 29-28-89-48-105-52-37-10-99-30-135-31-107-2-215 5-323 3z" fill="#027682" stroke="#027682"/><path d="M784 226c-13 14-28 24-45 32-32 15-68 20-102 26-34 7-68 14-103 21-45 9-90 18-135 27-22 4-45 9-67 13-12 2-23 5-34 7-4 1-35 5-25 8 9 3 141 0 163 0 54 0 108 0 162 0 31 0 62 1 94 1 14 0 30 3 44 0 8-2 15-7 21-11 26-19 28-45 28-74 0-17 2-34-1-50z" fill="#027682" stroke="#027682"/></g><g id="midnight" data-name="Midnight"><path d="M767 362c11-12 22-21 28-37 7-20 9-132 1-152-5-15-18-28-31-35-56-32-203-22-270-22-98 0-195 0-292 0-15 0-121-1-126 3s-2 7 0 12c3 6 11 12 15 17 15 16 41 43 52 60-11 15-64 70-68 79-2 4-3 9 2 11 5 3 114 2 127 1 60-3 119 2 178-1 32-1 81-5 112 0-86 22-175 32-261 53-54 14-72 28-72 86 0 32-10 82 25 102 7 4 14 4 21 8 4 13 7 23 19 32 26 21 124 40 161 50 11 3 27 4 37 11-25-2-51 0-76 0-60 0-119 0-178 0-14 0-85-3-92 0-2 1-4 3-4 5-3 7 6 12 9 16 21 22 38 48 61 68-9 8-71 76-71 81 0 8 7 7 13 8 17 2 35 0 53 0 39 0 77 0 117 0 113 0 226 0 340 0 26 0 52 0 78 0 48 0 114 2 135-54 8-21 5-46 5-68 0-58 10-97-55-116-44-12-91-20-135-34 23-4 48-1 71-1 57 0 114 1 171 1 11 0 74 2 80 0 2-1 4-3 5-6 1-6-8-15-12-19-17-22-37-43-53-66 8-11 66-78 65-84-1-9-10-7-16-7-57-2-113-2-169-2zM97 284c8-7 64-70 64-76s-55-67-64-75c12-2 24-1 35-1 32-1 64-1 96-1 83 0 166-1 250-1 63 0 126 0 189 2 34 1 138 11 114 71-20 49-104 58-148 67-20 4-41 10-61 12-31 3-63 1-94 1-95 0-188 1-282 1-19 0-39-1-57 0-14 1-28 3-42 0zm687-58c3 16 1 33 1 50 0 29-2 55-28 74-6 4-13 9-21 11-14 3-30 0-44 0-32 0-63-1-94-1-54 0-108 0-162 0-22 0-154 3-163 0-10-3 21-7 25-8 11-2 22-5 34-7 22-4 45-9 67-13 45-9 90-18 135-27 35-7 69-14 103-21 34-6 70-11 102-26 17-8 32-18 45-32zM931 378c-9 11-61 69-61 76s53 67 61 78c-139 0-278-2-417-2-70 0-139 1-208 1-26 0-83 6-105-2-11-3-19-12-22-23-5-17-2-37-2-54 0-16-2-34 2-49 10-33 48-29 76-29 18 0 36 0 54 0 69 0 138 1 207 1 138 0 276 3 415 3zM224 547c108 2 216-5 323-3 36 1 98 21 135 31 16 4 134 24 105 52-20 20-123 13-153 13-45 0-123 6-163-5-44-11-88-22-132-34-28-7-112-19-115-54zm574 91c3 20 2 41 2 62 0 47 0 86-54 99-30 8-63 5-93 5-40 0-80 0-120 0-146 0-291 0-436 0 7-8 64-69 64-75s-56-66-64-75c119 0 239 0 359 0 59 0 119 0 179 0 40 0 133 9 163-16z" fill="#142332" stroke="#142332"/></g></svg>

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

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

import FoldedRibbonSvg from "./folded-ribbon.jsx"; // from the React tab above

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