Shield User Icon

An animated shield-with-user SVG icon that pulses and bounces on hover, used to represent account security, admin access, or trusted user status.

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

import { ShieldUserIcon } from "@/components/ui/lu-shield-user";

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