Shield Minus Icon

An animated shield-with-minus icon that plays a shrink/pop animation on hover or via an exposed ref, useful for "remove protection" or "revoke access" actions.

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

import ShieldMinusIcon from "@/components/ui/hu-shield-minus";

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