Triangle Alert Icon

An animated triangle warning/alert icon that wiggles and pulses on hover, for use in alerts, toasts, and warning banners.

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

import { TriangleAlertIcon } from "@/components/ui/lu-triangle-alert";

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