Save Off Icon

An animated "save disabled" icon (a floppy-disk/save glyph with a diagonal slash) that animates on hover or via an imperative ref, for toggles indicating saving is turned off or unavailable.

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

import { SaveOffIcon } from "@/components/ui/hu-save-off";

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