Checkmark Square Icon

An animated checkmark-in-square icon that draws its tick and pulses on hover, used to indicate success or task completion.

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

import { CheckmarkSquare01Icon } from "@/components/ui/checkmark-square-0-1";

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