Disc 3 Animated Icon

An animated disc/loading icon that spins its inner arcs on hover or via an imperative ref, built for use in buttons and interactive UI.

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

import { Disc3Icon } from "@/components/ui/lu-disc-3";

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