Tag SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/cfpTBcWE9d_u/amnt.svg" alt="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="M841 115c-15 1-30 5-45 7-40 5-80 11-121 17-82 11-69 4-126 62-64 63-127 126-190 188-64 63-127 125-190 189-8 8-18 15-25 24-29 35 12 62 35 85 31 31 62 63 94 95 19 18 78 85 98 91 9 3 19 2 28-2 17-8 63-59 79-75 63-64 126-126 190-189 62-63 127-125 190-188 7-8 17-15 22-25 11-21 4-107 5-136 1-22 1-44 1-66 0-35 5-81-45-77zm-68 46c95-10 109 131 17 142-94 11-108-132-17-142z" fill="#fccd09" stroke="#fccd09"/></g><g id="grape" data-name="Grape"><path d="M843 83c-20 1-41 6-61 9-39 6-79 10-119 16-86 12-77 10-136 70-68 68-137 135-205 203-49 48-97 96-145 144-20 20-44 39-61 61-15 19-17 48-7 71 11 23 129 135 157 162 18 18 58 64 77 76 12 8 26 11 41 11 12 0 23-3 34-9 19-11 64-61 83-79 68-68 137-136 205-204 49-49 98-99 148-147 18-18 43-36 55-60 15-30 7-155 8-196s9-89-30-116c-13-8-29-13-44-12zm-2 32c50-4 45 42 45 77 0 22 0 44-1 66-1 29 6 115-5 136-5 10-15 17-22 25-63 63-128 125-190 188-64 63-127 125-190 189-16 16-62 67-79 75-9 4-19 5-28 2-20-6-79-73-98-91-32-32-63-64-94-95-23-23-64-50-35-85 7-9 17-16 25-24 63-64 126-126 190-189 63-62 126-125 190-188 57-58 44-51 126-62 41-6 81-12 121-17 15-2 30-6 45-7z" fill="#032363" stroke="#032363"/><path d="M773 161c-91 10-77 153 17 142 92-11 78-152-17-142zm5 31c52-4 58 75 8 80-52 5-59-75-8-80z" fill="#032363" stroke="#032363"/></g></svg>

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

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

import TagSvg from "./tag.jsx"; // from the React tab above

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