Heart Add Icon

An animated heart icon with a plus sign that pulses and rotates on hover, used for "add to favorites" or "add to wishlist" actions.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Heart Add Icon to your project and fits it to your theme.

import { HeartAddIcon } from "@/components/ui/hu-heart-add";

export default function Preview() {
  return (
    <div className="flex min-h-[200px] w-full items-center justify-center">
      <HeartAddIcon size={48} />
    </div>
  );
}