Spray Can Icon

An animated spray-can icon that plays a spraying/puff animation on hover or via an imperative ref, for use in toolbars, buttons, or lists.

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

import { SprayCanIcon } from "@/components/ui/lu-spray-can";

export default function SprayCanIconDemo() {
  return (
    <div className="flex items-center justify-center gap-4 p-10">
      <SprayCanIcon size={48} />
    </div>
  );
}