Animated Zap Icon

A lucide-style zap/lightning bolt icon that animates its stroke path on hover, with imperative start/stop controls for use as a button or status indicator icon.

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

import { ZapIcon } from "@/components/ui/lu-zap";

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