The Lucide cloud sun rain icon depicts a cloud with both sun and rain elements, commonly used to represent mixed weather conditions or a forecast of intermittent rain.
Common uses
- Weather forecast widgets
- Temperature and precipitation alerts
- Outdoor activity advisories
Use it in React
Install
npm i lucide-reactImport & render
import { CloudSunRain } from 'lucide-react';
<CloudSunRain size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- weatherpartlyrainfallcloudsunrainpartly cloudy with rainmixed weathershowersweather icon
FAQ
- What does the cloud sun rain icon represent?
- This icon symbolizes a weather condition where there is sunshine and rain occurring simultaneously or in close succession.
- How do I use the cloud sun rain icon in React?
- You can import and use it in your React application with the following statement: `import { CloudSunRain } from 'lucide-react'`.
- What is the license for this icon?
- The Lucide icon library, including the cloud sun 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 →