Heart Remove Icon

An animated heart icon with a cross/remove mark that pulses and rotates on hover, used for "remove from favorites" or "unlike" actions.

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

import { HeartRemoveIcon } from "@/components/ui/hu-heart-remove";

export default function HeartRemoveIconDemo() {
  return (
    <div className="flex items-center justify-center h-screen w-full">
      <HeartRemoveIcon size={48} />
    </div>
  );
}