Flag Off Icon

An animated "flag off" icon that plays a crossed-out flag animation on hover or via an imperative handle, built for UI buttons and toggles.

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

import { FlagOffIcon } from "@/components/ui/lu-flag-off";

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