The HugeIcons moon cloud slow wind icon depicts a crescent moon partially obscured by a cloud with gentle wind lines, often used to represent nighttime weather, low wind conditions, or a calm, nocturnal state.
Common uses
- Nighttime weather forecast widget
- Status indicator for low wind speed
- Background element for a sleep or relaxation app
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { MoonCloudSlowWindIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={MoonCloudSlowWindIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- night weathercrescent moongentle breezecloudy night
FAQ
- What does the moon cloud slow wind icon represent?
- It symbolizes nighttime weather, specifically a cloudy night with light wind. It can also convey a sense of calm or a slow-moving condition.
- How do I use the MoonCloudSlowWindIcon in React?
- Import both HugeiconsIcon and MoonCloudSlowWindIcon, then render the icon using the prop: <HugeiconsIcon icon={MoonCloudSlowWindIcon} />.
- What is the license for this icon?
- This icon is part of the HugeIcons library and 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 →