Cloud Drizzle Icon

An animated cloud-with-drizzle weather icon that plays a subtle rain-drop and cloud sway animation on hover, for use in weather widgets, forecasts, or status indicators.

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

import { CloudDrizzleIcon } from "@/components/ui/lu-cloud-drizzle";

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