The Lucide cloud rain icon visually represents precipitation from a cloud, commonly used in UIs to indicate weather forecasts, rain alerts, or areas experiencing rainfall.
Common uses
- Weather widgets
- Rainfall intensity indicators
- Outdoor event status
Use it in React
Install
npm i lucide-reactImport & render
import { CloudRain } from 'lucide-react';
<CloudRain size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- weatherrainfallcloudrainstormdrizzle
FAQ
- What does the cloud rain icon represent?
- It depicts a cloud with rain falling from it, symbolizing weather conditions related to rain.
- How do I use the cloud rain icon in React?
- You can import and use it like this: import { CloudRain } from 'lucide-react'.
- What is the license for this icon?
- The Lucide icon library, including the cloud rain icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →