31 lines
740 B
TypeScript
31 lines
740 B
TypeScript
interface HeartIconType {
|
|
className?: string;
|
|
onClick?: () => void;
|
|
}
|
|
|
|
const HeartIcon = ({ className, onClick }: HeartIconType) => {
|
|
return (
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
strokeWidth="1.5"
|
|
stroke="currentColor"
|
|
aria-hidden="true"
|
|
data-slot="icon"
|
|
width="16"
|
|
height="16"
|
|
className={className}
|
|
onClick={onClick}
|
|
>
|
|
<path
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"
|
|
></path>
|
|
</svg>
|
|
);
|
|
};
|
|
|
|
export default HeartIcon;
|