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 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 68x 68x 68x 68x 68x 68x 68x 68x 68x 68x 68x 68x 68x 68x 68x 68x 68x 68x 68x 68x 68x 68x 68x 68x 68x | /**
* MinusIcon - Minus/subtract icon
* Commonly used for quantity decrease, remove items, collapse sections
*
* @example
* ```tsx
* <MinusIcon /> // Default 16x2
* <MinusIcon width={20} height={2} />
* <MinusIcon className="text-red-500" />
* ```
*/
export default function MinusIcon({
width = 16,
height = 2,
className = 'fill-current',
...props
}: React.SVGProps<SVGSVGElement>) {
return (
<svg
{...props}
className={className}
width={width}
height={height}
viewBox="0 0 16 2"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M-8.548e-08 0.977778C-3.82707e-08 0.437766 0.437766 3.82707e-08 0.977778 8.548e-08L15.0222 1.31328e-06C15.5622 1.36049e-06 16 0.437767 16 0.977779C16 1.51779 15.5622 1.95556 15.0222 1.95556L0.977778 1.95556C0.437766 1.95556 -1.32689e-07 1.51779 -8.548e-08 0.977778Z"
fill="currentColor"
/>
</svg>
);
}
|