Download Icon

An animated download icon with a bouncing arrow and tray, built with Framer Motion for hover or imperative play/stop triggers.

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

import { DownloadIcon } from "@/components/ui/lu-download";

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