File Down Icon

An animated file-download icon that plays a subtle drop and pop motion on hover or via an imperative ref, built for use in buttons and toolbars.

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

import FileDownIcon from "@/components/ui/lu-file-down";

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