Ribbon Bow SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="maroon" data-name="Maroon"><path d="M698 499c16 2 32 10 47 15 64 19 147 29 191-32 46-65 26-191-1-261-8-21-17-43-34-59-22-23-54-29-85-26-96 8-194 100-247 176-31-13-86-17-115 1-13-11-22-27-33-39-38-43-80-84-131-110-87-44-164-43-200 58-25 68-51 196-5 258 46 61 128 51 192 32 15-5 29-12 44-14-48 48-92 101-138 151-8 8-69 70-71 74-1 5-1 9 4 12 13 7 100 1 119 1 3 15 16 113 28 116 9 2 16-10 21-17 27-33 51-69 73-105 39-65 73-132 98-203 5-14 12-29 14-43 18 3 36 5 53 4 9 0 18-3 27-2 1 8 6 18 9 26 27 76 64 148 106 217 23 37 48 73 74 106 4 6 11 17 18 17 17-1 25-100 31-116 19-1 106 6 118-1 5-3 5-8 3-13-2-4-63-65-72-74-45-50-90-102-138-149zm242-68c-8-15-13-31-25-44-63-73-185-36-262-9-19 7-36 15-55 21 0-26 0-54-16-75 15-14 27-34 42-50 50-55 117-116 196-121 21-1 44 2 61 16 53 45 75 199 59 262zM425 404c-65-21-117-49-187-55-48-5-99 4-132 42-10 12-19 26-22 43-18-44 4-151 20-197 24-71 60-98 137-74 53 17 97 51 136 90 19 19 36 39 53 60 2 3 9 8 9 13 0 0-11 26-12 33-3 15-2 30-2 45zm68-84c52-3 81-2 86 57 4 45 5 87-49 92-48 4-84 0-87-55-2-43-4-90 50-94zM596 435c0-5-1-13 2-16 8-11 147-50 168-53 49-7 106-4 139 37 9 11 15 24 17 38 7 48-44 68-84 70-24 1-49-4-72-10-44-12-87-29-129-48-14-5-27-13-41-18zM426 424l1 9c-12 7-27 12-40 18-42 17-84 35-128 47-21 6-43 10-65 11-38 2-97-13-94-62 2-22 15-41 31-55 65-54 174-15 244 12 16 6 36 11 51 20zm6 27c5 11 12 18 21 26-37 110-87 214-154 308-9 13-18 28-30 38-1-19-8-38-11-57-2-10-2-35-6-43-2-3-5-5-8-6-9-2-24 3-34 3-23 1-47 0-70 0 47-47 90-97 135-146 22-25 67-79 94-96 19-11 43-18 63-27zM881 720c-18 0-37 0-54 0-11 0-43-5-50-3-3 1-6 3-7 5-2 3-13 85-18 102-37-53-73-105-105-161-20-36-38-74-54-112-9-21-18-54-28-72 11-6 19-15 25-26 13 3 52 20 62 28 38 27 70 70 102 104 41 45 83 91 127 135z" fill="#540102" stroke="#540102"/></g><g id="red" data-name="Red"><path d="M425 404c0-15-1-30 2-45 1-7 12-33 12-33 0-5-7-10-9-13-17-21-34-41-53-60-39-39-83-73-136-90-77-24-113 3-137 74-16 46-38 153-20 197 3-17 12-31 22-43 33-38 84-47 132-42 70 6 122 34 187 55z" fill="#ec1111" stroke="#ec1111"/><path d="M940 431c16-63-6-217-59-262-17-14-40-17-61-16-79 5-146 66-196 121-15 16-27 36-42 50 16 21 16 49 16 75 19-6 36-14 55-21 77-27 199-64 262 9 12 13 17 29 25 44z" fill="#ec1111" stroke="#ec1111"/><path d="M432 451c-20 9-44 16-63 27-27 17-72 71-94 96-45 49-88 99-135 146 23 0 47 1 70 0 10 0 25-5 34-3 3 1 6 3 8 6 4 8 4 33 6 43 3 19 10 38 11 57 12-10 21-25 30-38 67-94 117-198 154-308-9-8-16-15-21-26z" fill="#ec1111" stroke="#ec1111"/><path d="M881 720c-44-44-86-90-127-135-32-34-64-77-102-104-10-8-49-25-62-28-6 11-14 20-25 26 10 18 19 51 28 72 16 38 34 76 54 112 32 56 68 108 105 161 5-17 16-99 18-102 1-2 4-4 7-5 7-2 39 3 50 3 17 0 36 0 54 0z" fill="#ec1111" stroke="#ec1111"/><path d="M596 435c14 5 27 13 41 18 42 19 85 36 129 48 23 6 48 11 72 10 40-2 91-22 84-70-2-14-8-27-17-38-33-41-90-44-139-37-21 3-160 42-168 53-3 3-2 11-2 16z" fill="#ec1111" stroke="#ec1111"/><path d="M426 424c-15-9-35-14-51-20-70-27-179-66-244-12-16 14-29 33-31 55-3 49 56 64 94 62 22-1 44-5 65-11 44-12 86-30 128-47 13-6 28-11 40-18z" fill="#ec1111" stroke="#ec1111"/></g><g id="cherry" data-name="Cherry"><path d="M493 320c-54 4-52 51-50 94 3 55 39 59 87 55 54-5 53-47 49-92-5-59-34-60-86-57z" fill="#b50e11" stroke="#b50e11"/></g></svg>

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

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

import RibbonBowSvg from "./ribbon-bow.jsx"; // from the React tab above

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