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 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 196x 196x 196x 196x 196x 196x 196x 196x 196x 196x 196x 196x 196x 196x 196x 196x 196x 196x 196x 196x 196x 196x 196x 196x 196x 196x 196x 196x 196x 196x 196x | /**
* PlusIcon - Plus/add icon
* Commonly used for add to cart, quantity increase, create new items
*
* @example
* ```tsx
* <PlusIcon /> // Default 16x16
* <PlusIcon width={20} height={20} />
* <PlusIcon className="text-blue-500" />
* ```
*/
export default function PlusIcon({
width = 16,
height = 16,
className = 'fill-current',
...props
}: React.SVGProps<SVGSVGElement>) {
return (
<svg
{...props}
className={className}
width={width}
height={height}
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M8.08889 0C8.6289 2.36047e-08 9.06667 0.437766 9.06667 0.977778L9.06667 15.0222C9.06667 15.5622 8.6289 16 8.08889 16C7.54888 16 7.11111 15.5622 7.11111 15.0222L7.11111 0.977778C7.11111 0.437766 7.54888 -2.36047e-08 8.08889 0Z"
fill="currentColor"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M0 7.91111C4.72093e-08 7.3711 0.437766 6.93333 0.977778 6.93333L15.0222 6.93333C15.5622 6.93333 16 7.3711 16 7.91111C16 8.45112 15.5622 8.88889 15.0222 8.88889L0.977778 8.88889C0.437766 8.88889 -4.72093e-08 8.45112 0 7.91111Z"
fill="currentColor"
/>
</svg>
);
}
|