The Lucide cloud moon icon depicts a crescent moon partially obscured by a cloud, commonly used to represent nighttime weather conditions or a cloudy night in user interfaces.
Common uses
- Displaying current weather at night
- Indicating a cloudy night forecast
- Setting a nighttime or moody UI theme
Use it in React
Install
npm i lucide-reactImport & render
import { CloudMoon } from 'lucide-react';
<CloudMoon size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- weathernightcloudmoonnight cloudcloudy nightmoon cloudweather night
FAQ
- What does the cloud moon icon represent?
- It symbolizes a cloudy night, showing a moon partly hidden by a cloud.
- How do I use the cloud moon icon in React?
- Import it from 'lucide-react' like so: import { CloudMoon } from 'lucide-react'.
- What is the license for this icon?
- The Lucide icon library, including the cloud moon icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.