Siren Icon

An animated siren icon that wobbles and flashes its warning rays on hover, for alerts and emergency notification UI.

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

import { SirenIcon } from "@/components/ui/lu-siren";

export default function SirenIconDemo() {
  return (
    <div className="flex items-center justify-center p-10">
      <SirenIcon size={64} duration={1} />
    </div>
  );
}