Circle Dashed Icon

An animated dashed-circle icon that rotates and pulses on hover, for use in buttons, menus, or status indicators.

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

import { CircleDashedIcon } from "@/components/ui/lu-circle-dashed";

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