Toggle menu
Energy IconsIcons
Browse 5116 free Energy Icons SVG icons. Download SVG, copy as JSX, PNG or Base64. MIT licensed. Designed by Sam Passmore. Styles: Has Padding.
Copy & download Energy Icons icons
Click any icon above to open the detail panel. Four export formats are available instantly, no sign-up required.
Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.
React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.
Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.
Inline data URI, embed icons in CSS background-image, email HTML, or anywhere an image URL is needed.
Works with shadcn/ui
Copy the JSX format and paste directly into any shadcn/ui component. Alternatively, installenergy-iconsand use via @iconify/react, fully tree-shakeable, no icon font loading required.
About Energy Icons
Energy Icons is a free MIT-licensed icon library for the energy transition by Sam Passmore. It covers solar panels, wind turbines, hydro, pylons and the power grid, batteries and storage, EV charging, heat pumps, industry and engineering, climate, home and travel, plus the everyday interface glyphs around them. Every icon is drawn at two optical sizes, a 20px master for compact UI and a 48px master with finer detail for large display, each in a regular and a bold weight, and published as outlined SVG. Pick the 20 version below 32px and the 48 version from 32px up so lines stay crisp. The project also ships a React package, an icon font and a Figma plugin. Search every Energy Icons variant here, copy SVG, export JSX or download PNG. Compared with general sets such as Lucide or Phosphor, Energy Icons goes deep on one sector. Ideal for renewable energy dashboards, utility and grid software, EV charging apps and climate reports.
Pack Details
Color Support
Monochrome
Category
UI Other / Mixed Grid
How to use Energy Icons icons
Package
energy-icons
License SPDX
MIT
Sample Icons
hex-key-48, bookmark-48, brackets-48
Install
npm install energy-iconsReact
import { Icon } from 'energy-icons/icon';
export default function App() {
return <Icon name="pylon" size={32} weight="bold" />;
}Via Iconify · HTML
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:icon-name" width="24"></iconify-icon>Via Iconify · any framework
import { Icon } from '@iconify/react';
export default function App() {
return <Icon icon="energy-icons:icon-name" width={24} />;
}Package stats
Build-time npm metadata cached weekly • Last refresh Oct 11, 2026
energy-icons
Open-source icons for the energy transition. React components, SVG files and an icon font, MIT licensed.
License
MIT
Weekly downloads
50
Monthly downloads
384
Total downloads
384
Unpacked size
17 MB
Last published
Oct 5, 2026
Registry updated
Oct 5, 2026