Cloud Upload Icon

An animated cloud upload icon that plays a bounce-up arrow animation on hover, for use in upload buttons, file dropzones, and storage UI.

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

import { CloudUploadIcon } from "@/components/ui/lu-cloud-upload";

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