A house with a bolt, for home energy, a smart home and household power use. On a 24×24 grid in stroke, two-tone, duotone and fill, free under MIT.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M13 4.264C12.2804 3.8481 11.3605 3.9168 10.7072 4.4703L3.7072 10.4009C3.2586 10.7809 3 11.339 3 11.9268L3 20C3 21.1046 3.8954 22 5 22L19 22C20.1046 22 21 21.1046 21 20L21 12M9 22L9 15L15 15L15 22M20 2L17 5L21 5L18 8"/>
</svg>Also called
What someone searching for this drawing would have typed instead. These are the words the browser's search matches on.
- home energy
- smart home
- electricity
- household power
- energy use
Related icons
The rest of the home family first, then the Web shelf.
FAQ
Answered from home-zap's own facts: its shelf, the weights it was drawn in, its siblings and its dates.
- What is the home-zap icon for?
- A house with a bolt, for home energy, a smart home and household power use. It is filed under Web in Keyline Icons, drawn on the same 24×24 grid as the rest of the set. People look for it as home energy, smart home, electricity, household power and energy use, and the browser's search matches all of those.
- What styles does the home-zap icon come in?
- All four: stroke, two-tone, duotone and fill. They are drawn from the same geometry, so swapping style never moves anything.
- Is there a square or circle version of home-zap?
- No. home-zap is drawn as a bare glyph, and the set has no boxed variant of it.
- What other icons go with home-zap?
- home, home-plus, bookmark, bookmark-plus, circle-navigation and cloud-alert, and 12 more, all shown below. The home family is listed first, then the rest of the Web shelf, so the row under this one is the useful one even where a shelf runs long.
- How do I import home-zap in React?
- <HomeZap /> is the component, and the weight decides the module: stroke from "@keyline-icons/react", two-tone from "@keyline-icons/react/two-tone", duotone from "@keyline-icons/react/duotone" and fill from "@keyline-icons/react/fill". It takes the usual SVG props plus a size, so <HomeZap size={16} /> and className="size-4" both work, and there is no provider or theme to set up.
- Where is the home-zap SVG?
- icons/stroke/home-zap.svg, icons/two-tone/home-zap.svg, icons/duotone/home-zap.svg and icons/fill/home-zap.svg in the repository, normalised: no wrapper, no ids and no classes to strip out. The tabs above hand you the same drawing as SVG or JSX without the download, and neither needs an install.
- When was home-zap added to the set?
- Added 24 Sept 2026. It ships in v1.2.0, so an install at that version or later has it.
Questions about the set rather than about this drawing are answered where they belong. The home page covers what the set is, how the three styles differ, why some icons come boxed and where the Figma file is; installing the set in a shadcn/ui project covers the React package, the CLI and using an icon without React. The MIT licence is stated in the footer of every page.