The HugeIcons moon cloud angled zap icon depicts a crescent moon partially obscured by a cloud with a lightning bolt, commonly used to represent weather conditions like a stormy night or a power outage.
Common uses
- Weather widgets
- Night mode toggle
- Alerts for power failure
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { MoonCloudAngledZapIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={MoonCloudAngledZapIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- stormy nightlightning cloudnight weatherpower alert
FAQ
- What does the moon cloud angled zap icon represent?
- This icon symbolizes a stormy night or a power outage, combining elements of the moon, cloud, and lightning.
- How do I use the MoonCloudAngledZapIcon in React?
- Import it using `import { MoonCloudAngledZapIcon } from '@hugeicons/core-free-icons';` and render it with `<HugeiconsIcon icon={MoonCloudAngledZapIcon} />`.
- What is the license for this icon?
- The HugeIcons moon cloud angled zap icon is available under the MIT license.
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 →