Sale Tag SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="amber" data-name="Amber"><path d="M196 114c-67 8-54 88-54 136 0 32-9 97 8 125 6 10 16 20 23 29 56 71 111 141 167 211 55 70 111 140 166 211 38 48 52 75 107 21 31-31 63-62 94-93 32-32 63-63 95-94 19-19 64-58 77-78 5-8 7-18 6-27-1-8-4-16-9-22-13-18-64-57-84-74-34-29-68-58-101-87-68-58-136-115-204-174-20-18-83-77-105-82-16-4-166-4-186-2zm65 37c105 0 105 160 1 161-106 1-106-160-1-161zM438 322c119-9 133 174 12 181-120 8-131-171-12-181zm209 62c8 0 17 4 22 10 20 25-13 48-29 64-23 22-46 45-68 68-29 29-58 56-86 85-14 13-27 30-42 41-4 4-9 6-15 6-9 1-18-3-23-11-18-25 14-47 30-62 23-23 46-46 69-68 31-31 61-62 92-92 11-12 22-27 35-35 4-3 10-5 15-6zM633 534c122-14 145 165 26 182-87 13-139-95-76-156 13-13 31-24 50-26z" fill="#fcd10a" stroke="#fcd10a"/><path d="M641 586c-49 7-40 84 11 77 50-6 40-84-11-77z" fill="#fcd10a" stroke="#fcd10a"/><path d="M444 374c-49 1-49 78 1 77 49-1 48-77-1-77z" fill="#fcd10a" stroke="#fcd10a"/></g><g id="black" data-name="Black"><path d="M200 79c-66 5-93 53-93 114 0 42-7 162 10 194 13 25 36 46 53 69 42 54 85 107 128 161 60 77 121 154 181 231 24 29 44 63 87 63 15 0 29-4 42-13 9-7 16-15 24-22 28-26 54-53 81-79 37-36 72-75 111-110 24-23 57-52 78-78 5-6 10-13 12-21 9-22 7-48-5-68-15-26-67-62-90-83-28-24-56-48-84-72-74-63-147-127-221-189-26-22-88-81-116-91-27-10-163-8-198-6zm-4 35c20-2 170-2 186 2 22 5 85 64 105 82 68 59 136 116 204 174 33 29 67 58 101 87 20 17 71 56 84 74 5 6 8 14 9 22 1 9-1 19-6 27-13 20-58 59-77 78-32 31-63 62-95 94-31 31-63 62-94 93-55 54-69 27-107-21-55-71-111-141-166-211-56-70-111-140-167-211-7-9-17-19-23-29-17-28-8-93-8-125 0-48-13-128 54-136z" fill="#22272b" stroke="#22272b"/><path d="M261 151c-105 1-105 162 1 161 104-1 104-161-1-161zm-6 35c61-6 71 84 12 91-61 8-70-84-12-91z" fill="#22272b" stroke="#22272b"/></g><g id="red" data-name="Red"><path d="M633 534c-19 2-37 13-50 26-63 61-11 169 76 156 119-17 96-196-26-182zm8 52c51-7 61 71 11 77-51 7-60-70-11-77z" fill="#dd1619" stroke="#dd1619"/><path d="M438 322c-119 10-108 189 12 181 121-7 107-190-12-181zm6 52c49 0 50 76 1 77-50 1-50-76-1-77z" fill="#dd1619" stroke="#dd1619"/><path d="M647 384c-5 1-11 3-15 6-13 8-24 23-35 35-31 30-61 61-92 92-23 22-46 45-69 68-16 15-48 37-30 62 5 8 14 12 23 11 6 0 11-2 15-6 15-11 28-28 42-41 28-29 57-56 86-85 22-23 45-46 68-68 16-16 49-39 29-64-5-6-14-10-22-10z" fill="#dd1619" stroke="#dd1619"/></g></svg>

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

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

import SaleTagSvg from "./sale-tag.jsx"; // from the React tab above

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