Cloud Moon Pixel Art Icon
A cloud-moon icon for partly cloudy night forecasts, nighttime weather widgets and dark-sky conditions.
Tags
cloudstoragesyncuploadmoonnightdarksleep
Style variants
base
Outline · rounded corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Cloud Moon icon
A cloud partially obscuring a crescent moon, the standard symbol for a partly cloudy nighttime sky. Use it in a weather app to represent overnight cloud cover, on a nighttime forecast card, or in a widget that distinguishes day and night conditions. The moon element confirms this is a nighttime reading, distinguishing it from cloud-sun. For a clear night, a plain moon works; for heavy rain at night, cloud-thunder-rain is more expressive than this gentler overcast icon.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/cloud-moon.svg" width="24" height="24" alt="Cloud Moon" />
<!-- React -->
import { CloudMoon } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="cloud-moon.svg" width="48" height="48" style="image-rendering: pixelated" />