The Lucide cloud sun icon depicts a cloud partially obscuring the sun, commonly used to represent partly cloudy weather conditions or a mix of sun and clouds in UI elements.
Common uses
- Weather widgets
- Forecast indicators
- Status updates
Use it in React
Install
npm i lucide-reactImport & render
import { CloudSun } from 'lucide-react';
<CloudSun size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- weatherpartlycloudsunpartly cloudysun cloudpartly sunny
FAQ
- What does the cloud sun icon represent?
- It represents a state where the sun is present but partially covered by a cloud, indicating partly cloudy conditions.
- How do I use the cloud sun icon in React?
- You can import and use it in React with: import { CloudSun } from 'lucide-react'
- What is the license for this icon?
- The Lucide icon library, including the cloud sun icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.