Gentleface › Buildings › home-solar
home-solar icon
home-solarHome solar: solar roof, rooftop solar, home solar. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.
Code line-round
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M5 1L6 1L6 2L5 2L5 1ZM2 2L3 2L3 3L2 3L2 2ZM3.176 4.58C3.303 4.259 3.488 3.976 3.732 3.732C3.976 3.488 4.259 3.303 4.58 3.176C4.875 3.059 5.182 3 5.5 3C5.818 3 6.125 3.059 6.42 3.176C6.741 3.303 7.024 3.488 7.268 3.732C7.424 3.888 7.556 4.06 7.664 4.248C7.565 4.325 7.469 4.409 7.379 4.5L4.227 7.652C4.047 7.546 3.882 7.418 3.732 7.268C3.488 7.024 3.303 6.741 3.176 6.42C3.059 6.125 3 5.818 3 5.5C3 5.182 3.059 4.875 3.176 4.58ZM8.706 4.786C8.959 4.676 9.224 4.621 9.5 4.621C9.776 4.621 10.041 4.676 10.294 4.786C10.476 4.864 10.641 4.966 10.79 5.092C10.812 5.109 10.834 5.127 10.854 5.146L14.146 8.439C14.42 8.713 14.63 9.028 14.778 9.385C14.926 9.742 15 10.114 15 10.5L15 13C15 13.254 14.953 13.5 14.86 13.736C14.758 13.993 14.609 14.219 14.414 14.414C14.219 14.609 13.993 14.758 13.736 14.86C13.5 14.953 13.254 15 13 15L6 15C5.746 15 5.5 14.953 5.264 14.86C5.007 14.758 4.781 14.609 4.586 14.414C4.391 14.219 4.242 13.993 4.14 13.736C4.047 13.5 4 13.254 4 13L4 10.5C4 10.114 4.074 9.742 4.222 9.385C4.37 9.028 4.58 8.713 4.854 8.439L8.086 5.207C8.266 5.027 8.472 4.887 8.706 4.786ZM1 5L2 5L2 6L1 6L1 5ZM5.146 9.767C5.049 10.002 5 10.246 5 10.5L5 13C5 13.276 5.098 13.512 5.293 13.707C5.488 13.902 5.724 14 6 14L13 14C13.276 14 13.512 13.902 13.707 13.707C13.902 13.512 14 13.276 14 13L14 10.5C14 10.246 13.951 10.002 13.854 9.767C13.768 9.559 13.65 9.373 13.499 9.208L11.854 10.854C11.754 10.953 11.636 11.003 11.5 11.003C11.364 11.003 11.246 10.953 11.146 10.854L8.146 7.854C8.047 7.754 7.997 7.636 7.997 7.5C7.997 7.364 8.047 7.246 8.146 7.146L9.66 5.633C9.608 5.625 9.555 5.621 9.5 5.621C9.224 5.621 8.988 5.719 8.793 5.914L5.561 9.146C5.381 9.326 5.243 9.533 5.146 9.767ZM10 8.293L11.293 7L10.5 6.207L9.207 7.5L10 8.293ZM11.5 9.793L12.793 8.5L12 7.707L10.707 9L11.5 9.793ZM2 8L3 8L3 9L2 9L2 8Z"/></svg>
// Gentleface "home-solar" (line-round), MIT. https://gentleface.com/icons/home-solar
import type { SVGProps } from 'react';
export function HomeSolarIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
<path d="M5 1L6 1L6 2L5 2L5 1ZM2 2L3 2L3 3L2 3L2 2ZM3.176 4.58C3.303 4.259 3.488 3.976 3.732 3.732C3.976 3.488 4.259 3.303 4.58 3.176C4.875 3.059 5.182 3 5.5 3C5.818 3 6.125 3.059 6.42 3.176C6.741 3.303 7.024 3.488 7.268 3.732C7.424 3.888 7.556 4.06 7.664 4.248C7.565 4.325 7.469 4.409 7.379 4.5L4.227 7.652C4.047 7.546 3.882 7.418 3.732 7.268C3.488 7.024 3.303 6.741 3.176 6.42C3.059 6.125 3 5.818 3 5.5C3 5.182 3.059 4.875 3.176 4.58ZM8.706 4.786C8.959 4.676 9.224 4.621 9.5 4.621C9.776 4.621 10.041 4.676 10.294 4.786C10.476 4.864 10.641 4.966 10.79 5.092C10.812 5.109 10.834 5.127 10.854 5.146L14.146 8.439C14.42 8.713 14.63 9.028 14.778 9.385C14.926 9.742 15 10.114 15 10.5L15 13C15 13.254 14.953 13.5 14.86 13.736C14.758 13.993 14.609 14.219 14.414 14.414C14.219 14.609 13.993 14.758 13.736 14.86C13.5 14.953 13.254 15 13 15L6 15C5.746 15 5.5 14.953 5.264 14.86C5.007 14.758 4.781 14.609 4.586 14.414C4.391 14.219 4.242 13.993 4.14 13.736C4.047 13.5 4 13.254 4 13L4 10.5C4 10.114 4.074 9.742 4.222 9.385C4.37 9.028 4.58 8.713 4.854 8.439L8.086 5.207C8.266 5.027 8.472 4.887 8.706 4.786ZM1 5L2 5L2 6L1 6L1 5ZM5.146 9.767C5.049 10.002 5 10.246 5 10.5L5 13C5 13.276 5.098 13.512 5.293 13.707C5.488 13.902 5.724 14 6 14L13 14C13.276 14 13.512 13.902 13.707 13.707C13.902 13.512 14 13.276 14 13L14 10.5C14 10.246 13.951 10.002 13.854 9.767C13.768 9.559 13.65 9.373 13.499 9.208L11.854 10.854C11.754 10.953 11.636 11.003 11.5 11.003C11.364 11.003 11.246 10.953 11.146 10.854L8.146 7.854C8.047 7.754 7.997 7.636 7.997 7.5C7.997 7.364 8.047 7.246 8.146 7.146L9.66 5.633C9.608 5.625 9.555 5.621 9.5 5.621C9.224 5.621 8.988 5.719 8.793 5.914L5.561 9.146C5.381 9.326 5.243 9.533 5.146 9.767ZM10 8.293L11.293 7L10.5 6.207L9.207 7.5L10 8.293ZM11.5 9.793L12.793 8.5L12 7.707L10.707 9L11.5 9.793ZM2 8L3 8L3 9L2 9L2 8Z" />
</svg>
);
}Vue: see /icons/home-solar.md
Svelte: see /icons/home-solar.md
HTML img: see /icons/home-solar.md
CSS: see /icons/home-solar.md
Data URL: see /icons/home-solar.md
Sprite: see /icons/home-solar.md
SwiftUI: see /icons/home-solar.md
Compose: see /icons/home-solar.md
Android XML: see /icons/home-solar.md
Flutter: see /icons/home-solar.md
Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.
Meaning
- Use it for
- solar roof, rooftop solar, home solar
- Tags
- home, house, solar, solar-panel, roof, renewable, energy, sun, photovoltaic
- Category
- Buildings
- Component name
HomeSolarIcon- History
- 16 px redrawn, 20 px drawn, 24 px drawn, added
Family 30
More buildings icons
arch balcony building building-alert building-apartment building-bolt building-check building-cloud building-gear building-lock building-off building-pencil building-plus building-search building-shield building-swap · all buildings icons
For agents
Metadata: /icons/home-solar.json · Markdown: /icons/home-solar.md · SVG: https://gentleface.com/svg/{style}/16/home-solar.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/home-solar.png