The HugeIcons renewable energy icon visually represents sustainable power sources and is commonly used in interfaces to indicate eco-friendly options or green initiatives.
Common uses
- Button for 'Go Green' feature
- Label for sustainable product filter
- Section header for environmental impact
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { RenewableEnergyIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={RenewableEnergyIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- sustainability iconeco-friendly icongreen energy iconclean power icon
FAQ
- What does the renewable energy icon represent?
- It symbolizes sustainable power sources like solar, wind, or hydro. It's used in UIs to denote eco-friendly choices or green technology.
- How do I use the RenewableEnergyIcon in React?
- Import both HugeiconsIcon and RenewableEnergyIcon, then render it using <HugeiconsIcon icon={RenewableEnergyIcon} />.
- What is the license for this icon?
- This icon is available 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 →