Circle Pause Icon

An animated circle-pause icon that scales and pulses its pause bars on hover or via imperative trigger, for toolbars and media players.

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

import { CirclePauseIcon } from "@/components/ui/lu-circle-pause";

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