The HugeIcons moon cloud big rain icon depicts a large cloud with a crescent moon and heavy rainfall, commonly used to represent bad weather, nighttime storms, or significant data processing/downloading.
Common uses
- Weather widgets showing heavy rain at night
- System status indicating a major download or processing event
- Error or alert notification for severe issues
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { MoonCloudBigRainIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={MoonCloudBigRainIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- night rain iconheavy rain iconstormy weather iconbad weather icon
FAQ
- What does the moon cloud big rain icon represent?
- It visually communicates heavy rain occurring during nighttime, often symbolizing significant events or adverse conditions.
- How do I use the MoonCloudBigRainIcon in React?
- Import it as `import { MoonCloudBigRainIcon } from '@hugeicons/core-free-icons';` and render it using `<HugeiconsIcon icon={MoonCloudBigRainIcon} />`.
- What is the license for this icon?
- This icon is distributed under the MIT license, allowing for free use 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 →