Sale Banner SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/llku4FvmauFQ/amnt.svg" alt="Sale 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="M857 467c0-22 4-140-2-152-12-25-105-4-127 1-78 19-151 52-224 84-72 31-143 64-217 90-23 8-47 15-72 21-12 2-25 3-36 7-4 1-8 3-10 6-8 10-7 131-3 148 14-4 47-6 65-10 40-9 79-22 117-37 54-21 107-45 160-68 54-24 107-48 162-67 44-15 148-51 187-23z" fill="#f1141c" stroke="#f1141c"/><path d="M974 195c-42 14-85 27-128 40-23 6-66 14-86 24 20 12 62 5 91 28 24 20 16 75 16 104l127-47c-7-8-59-49-60-53-2-4 0-6 2-10 9-30 25-58 38-86z" fill="#f1141c" stroke="#f1141c"/><path d="M154 590l-125 35c7 7 56 48 57 53s-5 13-8 18c-15 29-32 58-46 87l212-60c-22-14-58-5-81-31-15-18-9-78-9-102z" fill="#f1141c" stroke="#f1141c"/></g><g id="black" data-name="Black"><path d="M944 287c15-29 27-60 40-90 2-5 7-12 1-15-4-3-72 21-82 25-33 10-67 20-101 29-54 14-62 6-62 67-19 3-38 12-58 15-26 4-83 0-112 0-62 0-124 0-185 0-30 0-134-4-155 1-7 2-13 6-18 12-5 5-8 12-9 19-2 12 0 25 0 38 0 28 0 56 0 85 0 9 2 21-1 29-9 3-18 3-26 6-30 8-22 46-22 70-35 15-80 23-117 34-4 1-20 3-22 8-3 7 50 52 59 61l-59 112c2 3 4 4 7 4 9 0 121-35 139-40 20-6 73-16 88-25 5-2 9-7 11-13 5-16 1-37 1-54 8-2 16-6 24-7 12-1 25 0 38 0 28 0 56 0 85 0 65 0 130 0 196 0 39 0 79 0 119 0 18 0 37 2 55 0 43-4 37-45 37-76 0-21 0-42 0-62 41-9 52-10 52-55 0-21 0-42 0-62 15-9 33-13 49-19 24-9 47-18 70-26 5-2 22-5 23-11 3-7-57-51-65-60zm30-92c-13 28-29 56-38 86-2 4-4 6-2 10 1 4 53 45 60 53l-127 47c0-29 8-84-16-104-29-23-71-16-91-28 20-10 63-18 86-24 43-13 86-26 128-40zM751 266c25 16 69 7 94 30-13 0-27-4-40-3-18 1-36 5-54 7zM857 467c-39-28-143 8-187 23-55 19-108 43-162 67-53 23-106 47-160 68-38 15-77 28-117 37-18 4-51 6-65 10-4-17-5-138 3-148 2-3 6-5 10-6 11-4 24-5 36-7 25-6 49-13 72-21 74-26 145-59 217-90 73-32 146-65 224-84 22-5 115-26 127-1 6 12 2 130 2 152zM646 330c-19 10-48 18-69 27-48 19-95 41-143 62-65 28-151 69-221 81 0-34 0-69 0-103 0-15-2-32 1-47 1-9 8-17 17-20 17-5 90-1 113-1 69 0 138 0 208 0 30 0 64-4 94 1zM804 468c0 26 4 148-2 163-4 8-11 14-20 16-12 2-26 0-38 0-31 0-62 0-92 0-76 0-152 0-228 0-33 0-71 4-103 0 16-10 55-22 75-30 53-21 105-46 158-69 39-16 78-33 117-47 28-10 57-20 86-26 15-3 32-3 47-7zm11 0c58 0 51 37 0 41zM154 590c0 24-6 84 9 102 23 26 59 17 81 31l-212 60c14-29 31-58 46-87 3-5 9-13 8-18s-50-46-57-53zm97 78v48c-21-18-55-7-82-33 9-3 18-3 27-4 19-3 37-7 55-11z" fill="#1c1b1a" stroke="#1c1b1a"/></g><g id="butter" data-name="Butter"><path d="M804 468c-15 4-32 4-47 7-29 6-58 16-86 26-39 14-78 31-117 47-53 23-105 48-158 69-20 8-59 20-75 30 32 4 70 0 103 0 76 0 152 0 228 0 30 0 61 0 92 0 12 0 26 2 38 0 9-2 16-8 20-16 6-15 2-137 2-163z" fill="#fce7ba" stroke="#fce7ba"/><path d="M646 330c-30-5-64-1-94-1-70 0-139 0-208 0-23 0-96-4-113 1-9 3-16 11-17 20-3 15-1 32-1 47 0 34 0 69 0 103 70-12 156-53 221-81 48-21 95-43 143-62 21-9 50-17 69-27z" fill="#fce7ba" stroke="#fce7ba"/></g><g id="cherry" data-name="Cherry"><path d="M251 668c-18 4-36 8-55 11-9 1-18 1-27 4 27 26 61 15 82 33z" fill="#b30e15" stroke="#b30e15"/><path d="M751 266v34c18-2 36-6 54-7 13-1 27 3 40 3-25-23-69-14-94-30z" fill="#b30e15" stroke="#b30e15"/><path d="M815 468v41c51-4 58-41 0-41z" fill="#b30e15" stroke="#b30e15"/></g></svg>

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

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

import SaleBannerSvg from "./sale-banner.jsx"; // from the React tab above

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