27 lines
781 B
TypeScript
27 lines
781 B
TypeScript
interface HeartIconProps {
|
|
isFilled?: boolean;
|
|
}
|
|
|
|
const HeartIcon = ({ isFilled = false }: HeartIconProps) => {
|
|
return (
|
|
<svg
|
|
width="20"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
className={` stroke-[#0D1922] transition-all ${
|
|
isFilled ? "fill-[#0D1922]" : "fill-none"
|
|
}`}
|
|
>
|
|
<path
|
|
d="M15.6832 5.96475C14.3718 4.67809 12.2455 4.67809 10.9341 5.96475L10.0002 6.88098L9.06627 5.96475C7.75482 4.67809 5.62854 4.67809 4.31708 5.96475C3.00563 7.2514 3.00563 9.33748 4.31709 10.6241L10.0002 16.6664L15.6832 10.6241C16.9947 9.33748 16.9947 7.2514 15.6832 5.96475Z"
|
|
strokeWidth="1.5"
|
|
strokeLinecap="round"
|
|
/>
|
|
</svg>
|
|
);
|
|
};
|
|
|
|
export default HeartIcon;
|