Minus Sign Icon

An animated minus-sign icon that rotates and pulses on hover, for use as a toggle or collapse/decrement control.

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

import { MinusSignIcon } from "@/components/ui/minus-sign-icon";

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