The HugeIcons solar power icon depicts a sun with rays, commonly used to represent renewable energy, solar-related features, or power generation in user interfaces.
Common uses
- Renewable energy settings
- Solar panel monitoring
- Energy efficiency indicators
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { SolarPowerIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={SolarPowerIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- sun iconenergy iconsolar energyrenewable energy
FAQ
- What does the solar power icon represent?
- It represents the sun and is used for themes related to solar energy, renewable power, or sunlight.
- How do I use the SolarPowerIcon in React?
- Import it as shown: import { SolarPowerIcon } from '@hugeicons/core-free-icons'; then render it using <HugeiconsIcon icon={SolarPowerIcon} />.
- What is the license for this icon?
- The HugeIcons solar power 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 →