Vault Icon

An animated vault/safe icon with a rotating dial and pulsing bolts that plays on hover, useful for security, encryption, or secrets-storage UI.

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

import { VaultIcon } from "@/components/ui/vault-icon";

export default function VaultIconDemo() {
  return (
    <div className="flex items-center justify-center w-full h-full p-10">
      <VaultIcon size={48} />
    </div>
  );
}