Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | /**
* TagIcon - Price tag / label icon
* Commonly used for categories, tags, pricing, labels, and discounts
*
* @example
* ```tsx
* <TagIcon /> // Default 20x20
* <TagIcon width={24} height={24} />
* <TagIcon className="text-blue-500" />
* ```
*/
export default function TagIcon({
width = 20,
height = 20,
className = '',
...props
}: React.SVGProps<SVGSVGElement>) {
return (
<svg
{...props}
className={className}
width={width}
height={height}
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
stroke="currentColor"
strokeWidth={1.5}
>
<g clipPath="url(#clip0_tag)">
<path d="M3.94024 13.4474C2.6523 12.1595 2.00832 11.5155 1.7687 10.68C1.52908 9.84449 1.73387 8.9571 2.14343 7.18231L2.37962 6.15883C2.72419 4.66569 2.89648 3.91912 3.40771 3.40789C3.91894 2.89666 4.66551 2.72437 6.15865 2.3798L7.18213 2.14361C8.95692 1.73405 9.84431 1.52927 10.6798 1.76889C11.5153 2.00851 12.1593 2.65248 13.4472 3.94042L14.9719 5.46512C17.2128 7.70594 18.3332 8.82635 18.3332 10.2186C18.3332 11.6109 17.2128 12.7313 14.9719 14.9721C12.7311 17.2129 11.6107 18.3334 10.2184 18.3334C8.82617 18.3334 7.70576 17.2129 5.46494 14.9721L3.94024 13.4474Z" />
<circle
cx="7.17245"
cy="7.39917"
r="1.66667"
transform="rotate(-45 7.17245 7.39917)"
/>
<path
d="M9.61837 15.4164L15.4342 9.6004"
strokeLinecap="round"
/>
</g>
<defs>
<clipPath id="clip0_tag">
<rect width="20" height="20" fill="white" />
</clipPath>
</defs>
</svg>
);
}
|