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.
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 →