The HugeIcons cloud angled rain icon depicts a cloud with angled raindrops, commonly used to represent weather forecasts, precipitation, or rainy conditions in user interfaces.
Common uses
- Weather widgets
- Download status indicators
- Alerts for rain
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { CloudAngledRainIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={CloudAngledRainIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- rain cloudweather iconprecipitationraining
FAQ
- What does the cloud angled rain icon represent?
- It visually represents rain falling from a cloud, often used for weather-related information or alerts.
- How do I use this icon in React?
- Import it as `CloudAngledRainIcon` from '@hugeicons/core-free-icons' and render it using `<HugeiconsIcon icon={CloudAngledRainIcon} />` from '@hugeicons/react'.
- What is the license for this icon?
- This icon is provided 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 →