File Check Icon

An animated file icon with a checkmark that draws in on hover, for indicating a completed, approved, or verified file.

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

import { FileCheckIcon } from "@/components/ui/hu-file-check";

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