The HugeIcons sun cloud 02 icon depicts a sun partially obscured by a cloud, commonly used to represent partly cloudy weather conditions or a transition between sunny and overcast states in UI elements.
Common uses
- Weather widgets
- Forecast indicators
- Status updates
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { SunCloud02Icon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={SunCloud02Icon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- partly cloudyweather iconsun behind cloudcloudy sun
FAQ
- What does the SunCloud02 icon represent?
- It visually represents a partly cloudy sky, showing a sun peeking out from behind a cloud.
- How do I use the SunCloud02 icon in a React application?
- Import both HugeiconsIcon and SunCloud02Icon, then render it using <HugeiconsIcon icon={SunCloud02Icon} />.
- What is the license for this icon?
- The SunCloud02 icon is distributed under the MIT license, allowing for free use.
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 →