The HugeIcons moon cloud little rain icon depicts a crescent moon partially obscured by a cloud with a few raindrops, commonly used to represent light rain or a cloudy night weather condition.
Common uses
- Weather widgets
- Night mode indicators
- Forecast summaries
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { MoonCloudLittleRainIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={MoonCloudLittleRainIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- night raincloudy moonlight precipitationweather icon
FAQ
- What does the MoonCloudLittleRainIcon represent?
- It symbolizes a light rain shower occurring during the night, indicated by the moon and cloud elements.
- How do I use this icon in React?
- Import it using `import { MoonCloudLittleRainIcon } from '@hugeicons/core-free-icons';` and render it with `<HugeiconsIcon icon={MoonCloudLittleRainIcon} />`.
- What is the license for this icon?
- This icon is distributed under the MIT license, allowing for free usage in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →