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 | 1x 1x 1x 1x 1x 1x 1x 1x 1x | /**
* HeartFilledIcon - Filled heart/favorite icon for wishlisted items
*
* @example
* ```tsx
* <HeartFilledIcon width={24} height={24} />
* <HeartFilledIcon className="text-red-500 fill-current" />
* ```
*/
export default function HeartFilledIcon({
width = 24,
height = 24,
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
d="M8 14.4167C7.47619 14.4167 7.00711 14.2163 6.61834 13.9891C6.22932 13.7618 5.84928 13.4636 5.51009 13.1962C4.57383 12.4582 3.33043 11.5788 2.35747 10.4832C1.3588 9.35867 0.583252 7.94644 0.583252 6.0914C0.583252 4.18982 1.65962 2.53035 3.22983 1.8126C4.84732 1.07324 6.84839 1.38917 8.54028 3.14699L8 3.66709L7.45955 3.14699C9.15145 1.38917 11.1525 1.07324 12.77 1.8126C14.3402 2.53035 15.4166 4.18982 15.4166 6.0914C15.4166 7.94644 14.641 9.35867 13.6424 10.4832C12.6694 11.5788 11.426 12.4582 10.4897 13.1962C10.1506 13.4636 9.77052 13.7618 9.3815 13.9891C8.99273 14.2163 8.52365 14.4167 8 14.4167Z"
fill="currentColor"
/>
</svg>
);
}
|