Checkmark Circle Icon

An animated checkmark-inside-a-circle icon that draws the tick stroke and pulses on hover, useful for success states and confirmation indicators.

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

import { CheckmarkCircle01Icon } from "@/components/ui/hu-checkmark-circle-0-1";

export default function CheckmarkCircleIconDemo() {
  return (
    <div className="flex min-h-[200px] w-full items-center justify-center">
      <CheckmarkCircle01Icon size={48} />
    </div>
  );
}