# home-solar icon Home solar. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/home-solar - Category: Buildings - Use it for: solar roof, rooftop solar, home solar - Tags: home, house, solar, solar-panel, roof, renewable, energy, sun, photovoltaic - Family: home, home-alert, home-bolt, home-check, home-clock, home-coin, home-dot, home-duplex, home-exit, home-eye, home-gear, home-heart, home-laptop, home-leaf, home-lock, home-medical, home-off, home-pencil, home-plus, home-search, home-shield, home-siding, home-sparkle, home-tag, home-thermometer, home-user, home-wifi, home-wifi-off, home-x, houses - Component name: HomeSolarIcon - Added: 2026-11-12 ## Files 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. - line-round: https://gentleface.com/svg/line-round/16/home-solar.svg · PNG https://gentleface.com/png/line-round/16/home-solar.png · https://gentleface.com/png/line-round/32/home-solar.png · https://gentleface.com/png/line-round/48/home-solar.png - line-soft: https://gentleface.com/svg/line-soft/16/home-solar.svg · PNG https://gentleface.com/png/line-soft/16/home-solar.png · https://gentleface.com/png/line-soft/32/home-solar.png · https://gentleface.com/png/line-soft/48/home-solar.png - line-sharp: https://gentleface.com/svg/line-sharp/16/home-solar.svg · PNG https://gentleface.com/png/line-sharp/16/home-solar.png · https://gentleface.com/png/line-sharp/32/home-solar.png · https://gentleface.com/png/line-sharp/48/home-solar.png - solid-round: https://gentleface.com/svg/solid-round/16/home-solar.svg · PNG https://gentleface.com/png/solid-round/16/home-solar.png · https://gentleface.com/png/solid-round/32/home-solar.png · https://gentleface.com/png/solid-round/48/home-solar.png - solid-soft: https://gentleface.com/svg/solid-soft/16/home-solar.svg · PNG https://gentleface.com/png/solid-soft/16/home-solar.png · https://gentleface.com/png/solid-soft/32/home-solar.png · https://gentleface.com/png/solid-soft/48/home-solar.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/home-solar.svg · PNG https://gentleface.com/png/solid-sharp/16/home-solar.png · https://gentleface.com/png/solid-sharp/32/home-solar.png · https://gentleface.com/png/solid-sharp/48/home-solar.png The SVG of every style: https://gentleface.com/icons/home-solar.json (`svg`). ## Code (line-round) 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. For another style, take its SVG from the JSON and swap the path `d`. ### SVG ```svg ``` ### React ```tsx // Gentleface "home-solar" (line-round), MIT. https://gentleface.com/icons/home-solar import type { SVGProps } from 'react'; export function HomeSolarIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "home-solar" (line-round), MIT. https://gentleface.com/icons/home-solar. Takes the text color. */ .icon-home-solar { display: inline-block; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat; } ``` ### Data URL ```text data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "home-solar" (line-round), MIT. https://gentleface.com/icons/home-solar import SwiftUI struct HomeSolarIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 5, y: 1)) p.addLine(to: CGPoint(x: 6, y: 1)) p.addLine(to: CGPoint(x: 6, y: 2)) p.addLine(to: CGPoint(x: 5, y: 2)) p.addLine(to: CGPoint(x: 5, y: 1)) p.closeSubpath() p.move(to: CGPoint(x: 2, y: 2)) p.addLine(to: CGPoint(x: 3, y: 2)) p.addLine(to: CGPoint(x: 3, y: 3)) p.addLine(to: CGPoint(x: 2, y: 3)) p.addLine(to: CGPoint(x: 2, y: 2)) p.closeSubpath() p.move(to: CGPoint(x: 3.176, y: 4.58)) p.addCurve(to: CGPoint(x: 3.732, y: 3.732), control1: CGPoint(x: 3.303, y: 4.259), control2: CGPoint(x: 3.488, y: 3.976)) p.addCurve(to: CGPoint(x: 4.58, y: 3.176), control1: CGPoint(x: 3.976, y: 3.488), control2: CGPoint(x: 4.259, y: 3.303)) p.addCurve(to: CGPoint(x: 5.5, y: 3), control1: CGPoint(x: 4.875, y: 3.059), control2: CGPoint(x: 5.182, y: 3)) p.addCurve(to: CGPoint(x: 6.42, y: 3.176), control1: CGPoint(x: 5.818, y: 3), control2: CGPoint(x: 6.125, y: 3.059)) p.addCurve(to: CGPoint(x: 7.268, y: 3.732), control1: CGPoint(x: 6.741, y: 3.303), control2: CGPoint(x: 7.024, y: 3.488)) p.addCurve(to: CGPoint(x: 7.664, y: 4.248), control1: CGPoint(x: 7.424, y: 3.888), control2: CGPoint(x: 7.556, y: 4.06)) p.addCurve(to: CGPoint(x: 7.379, y: 4.5), control1: CGPoint(x: 7.565, y: 4.325), control2: CGPoint(x: 7.469, y: 4.409)) p.addLine(to: CGPoint(x: 4.227, y: 7.652)) p.addCurve(to: CGPoint(x: 3.732, y: 7.268), control1: CGPoint(x: 4.047, y: 7.546), control2: CGPoint(x: 3.882, y: 7.418)) p.addCurve(to: CGPoint(x: 3.176, y: 6.42), control1: CGPoint(x: 3.488, y: 7.024), control2: CGPoint(x: 3.303, y: 6.741)) p.addCurve(to: CGPoint(x: 3, y: 5.5), control1: CGPoint(x: 3.059, y: 6.125), control2: CGPoint(x: 3, y: 5.818)) p.addCurve(to: CGPoint(x: 3.176, y: 4.58), control1: CGPoint(x: 3, y: 5.182), control2: CGPoint(x: 3.059, y: 4.875)) p.closeSubpath() p.move(to: CGPoint(x: 8.706, y: 4.786)) p.addCurve(to: CGPoint(x: 9.5, y: 4.621), control1: CGPoint(x: 8.959, y: 4.676), control2: CGPoint(x: 9.224, y: 4.621)) p.addCurve(to: CGPoint(x: 10.294, y: 4.786), control1: CGPoint(x: 9.776, y: 4.621), control2: CGPoint(x: 10.041, y: 4.676)) p.addCurve(to: CGPoint(x: 10.79, y: 5.092), control1: CGPoint(x: 10.476, y: 4.864), control2: CGPoint(x: 10.641, y: 4.966)) p.addCurve(to: CGPoint(x: 10.854, y: 5.146), control1: CGPoint(x: 10.812, y: 5.109), control2: CGPoint(x: 10.834, y: 5.127)) p.addLine(to: CGPoint(x: 14.146, y: 8.439)) p.addCurve(to: CGPoint(x: 14.778, y: 9.385), control1: CGPoint(x: 14.42, y: 8.713), control2: CGPoint(x: 14.63, y: 9.028)) p.addCurve(to: CGPoint(x: 15, y: 10.5), control1: CGPoint(x: 14.926, y: 9.742), control2: CGPoint(x: 15, y: 10.114)) p.addLine(to: CGPoint(x: 15, y: 13)) p.addCurve(to: CGPoint(x: 14.86, y: 13.736), control1: CGPoint(x: 15, y: 13.254), control2: CGPoint(x: 14.953, y: 13.5)) p.addCurve(to: CGPoint(x: 14.414, y: 14.414), control1: CGPoint(x: 14.758, y: 13.993), control2: CGPoint(x: 14.609, y: 14.219)) p.addCurve(to: CGPoint(x: 13.736, y: 14.86), control1: CGPoint(x: 14.219, y: 14.609), control2: CGPoint(x: 13.993, y: 14.758)) p.addCurve(to: CGPoint(x: 13, y: 15), control1: CGPoint(x: 13.5, y: 14.953), control2: CGPoint(x: 13.254, y: 15)) p.addLine(to: CGPoint(x: 6, y: 15)) p.addCurve(to: CGPoint(x: 5.264, y: 14.86), control1: CGPoint(x: 5.746, y: 15), control2: CGPoint(x: 5.5, y: 14.953)) p.addCurve(to: CGPoint(x: 4.586, y: 14.414), control1: CGPoint(x: 5.007, y: 14.758), control2: CGPoint(x: 4.781, y: 14.609)) p.addCurve(to: CGPoint(x: 4.14, y: 13.736), control1: CGPoint(x: 4.391, y: 14.219), control2: CGPoint(x: 4.242, y: 13.993)) p.addCurve(to: CGPoint(x: 4, y: 13), control1: CGPoint(x: 4.047, y: 13.5), control2: CGPoint(x: 4, y: 13.254)) p.addLine(to: CGPoint(x: 4, y: 10.5)) p.addCurve(to: CGPoint(x: 4.222, y: 9.385), control1: CGPoint(x: 4, y: 10.114), control2: CGPoint(x: 4.074, y: 9.742)) p.addCurve(to: CGPoint(x: 4.854, y: 8.439), control1: CGPoint(x: 4.37, y: 9.028), control2: CGPoint(x: 4.58, y: 8.713)) p.addLine(to: CGPoint(x: 8.086, y: 5.207)) p.addCurve(to: CGPoint(x: 8.706, y: 4.786), control1: CGPoint(x: 8.266, y: 5.027), control2: CGPoint(x: 8.472, y: 4.887)) p.closeSubpath() p.move(to: CGPoint(x: 1, y: 5)) p.addLine(to: CGPoint(x: 2, y: 5)) p.addLine(to: CGPoint(x: 2, y: 6)) p.addLine(to: CGPoint(x: 1, y: 6)) p.addLine(to: CGPoint(x: 1, y: 5)) p.closeSubpath() p.move(to: CGPoint(x: 5.146, y: 9.767)) p.addCurve(to: CGPoint(x: 5, y: 10.5), control1: CGPoint(x: 5.049, y: 10.002), control2: CGPoint(x: 5, y: 10.246)) p.addLine(to: CGPoint(x: 5, y: 13)) p.addCurve(to: CGPoint(x: 5.293, y: 13.707), control1: CGPoint(x: 5, y: 13.276), control2: CGPoint(x: 5.098, y: 13.512)) p.addCurve(to: CGPoint(x: 6, y: 14), control1: CGPoint(x: 5.488, y: 13.902), control2: CGPoint(x: 5.724, y: 14)) p.addLine(to: CGPoint(x: 13, y: 14)) p.addCurve(to: CGPoint(x: 13.707, y: 13.707), control1: CGPoint(x: 13.276, y: 14), control2: CGPoint(x: 13.512, y: 13.902)) p.addCurve(to: CGPoint(x: 14, y: 13), control1: CGPoint(x: 13.902, y: 13.512), control2: CGPoint(x: 14, y: 13.276)) p.addLine(to: CGPoint(x: 14, y: 10.5)) p.addCurve(to: CGPoint(x: 13.854, y: 9.767), control1: CGPoint(x: 14, y: 10.246), control2: CGPoint(x: 13.951, y: 10.002)) p.addCurve(to: CGPoint(x: 13.499, y: 9.208), control1: CGPoint(x: 13.768, y: 9.559), control2: CGPoint(x: 13.65, y: 9.373)) p.addLine(to: CGPoint(x: 11.854, y: 10.854)) p.addCurve(to: CGPoint(x: 11.5, y: 11.003), control1: CGPoint(x: 11.754, y: 10.953), control2: CGPoint(x: 11.636, y: 11.003)) p.addCurve(to: CGPoint(x: 11.146, y: 10.854), control1: CGPoint(x: 11.364, y: 11.003), control2: CGPoint(x: 11.246, y: 10.953)) p.addLine(to: CGPoint(x: 8.146, y: 7.854)) p.addCurve(to: CGPoint(x: 7.997, y: 7.5), control1: CGPoint(x: 8.047, y: 7.754), control2: CGPoint(x: 7.997, y: 7.636)) p.addCurve(to: CGPoint(x: 8.146, y: 7.146), control1: CGPoint(x: 7.997, y: 7.364), control2: CGPoint(x: 8.047, y: 7.246)) p.addLine(to: CGPoint(x: 9.66, y: 5.633)) p.addCurve(to: CGPoint(x: 9.5, y: 5.621), control1: CGPoint(x: 9.608, y: 5.625), control2: CGPoint(x: 9.555, y: 5.621)) p.addCurve(to: CGPoint(x: 8.793, y: 5.914), control1: CGPoint(x: 9.224, y: 5.621), control2: CGPoint(x: 8.988, y: 5.719)) p.addLine(to: CGPoint(x: 5.561, y: 9.146)) p.addCurve(to: CGPoint(x: 5.146, y: 9.767), control1: CGPoint(x: 5.381, y: 9.326), control2: CGPoint(x: 5.243, y: 9.533)) p.closeSubpath() p.move(to: CGPoint(x: 10, y: 8.293)) p.addLine(to: CGPoint(x: 11.293, y: 7)) p.addLine(to: CGPoint(x: 10.5, y: 6.207)) p.addLine(to: CGPoint(x: 9.207, y: 7.5)) p.addLine(to: CGPoint(x: 10, y: 8.293)) p.closeSubpath() p.move(to: CGPoint(x: 11.5, y: 9.793)) p.addLine(to: CGPoint(x: 12.793, y: 8.5)) p.addLine(to: CGPoint(x: 12, y: 7.707)) p.addLine(to: CGPoint(x: 10.707, y: 9)) p.addLine(to: CGPoint(x: 11.5, y: 9.793)) p.closeSubpath() p.move(to: CGPoint(x: 2, y: 8)) p.addLine(to: CGPoint(x: 3, y: 8)) p.addLine(to: CGPoint(x: 3, y: 9)) p.addLine(to: CGPoint(x: 2, y: 9)) p.addLine(to: CGPoint(x: 2, y: 8)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // HomeSolarIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "home-solar" (line-round), MIT. https://gentleface.com/icons/home-solar import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.SolidColor import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.graphics.vector.addPathNodes import androidx.compose.ui.unit.dp val HomeSolarIcon: ImageVector by lazy { ImageVector.Builder( name = "home-solar", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("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"), fill = SolidColor(Color.Black), ).build() } // Icon(HomeSolarIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "home-solar" (line-round), MIT. https://gentleface.com/icons/home-solar import 'package:flutter/widgets.dart'; class HomeSolarIcon extends StatelessWidget { const HomeSolarIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _HomeSolarIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _HomeSolarIconPainter extends CustomPainter { _HomeSolarIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(5, 1) ..lineTo(6, 1) ..lineTo(6, 2) ..lineTo(5, 2) ..lineTo(5, 1) ..close() ..moveTo(2, 2) ..lineTo(3, 2) ..lineTo(3, 3) ..lineTo(2, 3) ..lineTo(2, 2) ..close() ..moveTo(3.176, 4.58) ..cubicTo(3.303, 4.259, 3.488, 3.976, 3.732, 3.732) ..cubicTo(3.976, 3.488, 4.259, 3.303, 4.58, 3.176) ..cubicTo(4.875, 3.059, 5.182, 3, 5.5, 3) ..cubicTo(5.818, 3, 6.125, 3.059, 6.42, 3.176) ..cubicTo(6.741, 3.303, 7.024, 3.488, 7.268, 3.732) ..cubicTo(7.424, 3.888, 7.556, 4.06, 7.664, 4.248) ..cubicTo(7.565, 4.325, 7.469, 4.409, 7.379, 4.5) ..lineTo(4.227, 7.652) ..cubicTo(4.047, 7.546, 3.882, 7.418, 3.732, 7.268) ..cubicTo(3.488, 7.024, 3.303, 6.741, 3.176, 6.42) ..cubicTo(3.059, 6.125, 3, 5.818, 3, 5.5) ..cubicTo(3, 5.182, 3.059, 4.875, 3.176, 4.58) ..close() ..moveTo(8.706, 4.786) ..cubicTo(8.959, 4.676, 9.224, 4.621, 9.5, 4.621) ..cubicTo(9.776, 4.621, 10.041, 4.676, 10.294, 4.786) ..cubicTo(10.476, 4.864, 10.641, 4.966, 10.79, 5.092) ..cubicTo(10.812, 5.109, 10.834, 5.127, 10.854, 5.146) ..lineTo(14.146, 8.439) ..cubicTo(14.42, 8.713, 14.63, 9.028, 14.778, 9.385) ..cubicTo(14.926, 9.742, 15, 10.114, 15, 10.5) ..lineTo(15, 13) ..cubicTo(15, 13.254, 14.953, 13.5, 14.86, 13.736) ..cubicTo(14.758, 13.993, 14.609, 14.219, 14.414, 14.414) ..cubicTo(14.219, 14.609, 13.993, 14.758, 13.736, 14.86) ..cubicTo(13.5, 14.953, 13.254, 15, 13, 15) ..lineTo(6, 15) ..cubicTo(5.746, 15, 5.5, 14.953, 5.264, 14.86) ..cubicTo(5.007, 14.758, 4.781, 14.609, 4.586, 14.414) ..cubicTo(4.391, 14.219, 4.242, 13.993, 4.14, 13.736) ..cubicTo(4.047, 13.5, 4, 13.254, 4, 13) ..lineTo(4, 10.5) ..cubicTo(4, 10.114, 4.074, 9.742, 4.222, 9.385) ..cubicTo(4.37, 9.028, 4.58, 8.713, 4.854, 8.439) ..lineTo(8.086, 5.207) ..cubicTo(8.266, 5.027, 8.472, 4.887, 8.706, 4.786) ..close() ..moveTo(1, 5) ..lineTo(2, 5) ..lineTo(2, 6) ..lineTo(1, 6) ..lineTo(1, 5) ..close() ..moveTo(5.146, 9.767) ..cubicTo(5.049, 10.002, 5, 10.246, 5, 10.5) ..lineTo(5, 13) ..cubicTo(5, 13.276, 5.098, 13.512, 5.293, 13.707) ..cubicTo(5.488, 13.902, 5.724, 14, 6, 14) ..lineTo(13, 14) ..cubicTo(13.276, 14, 13.512, 13.902, 13.707, 13.707) ..cubicTo(13.902, 13.512, 14, 13.276, 14, 13) ..lineTo(14, 10.5) ..cubicTo(14, 10.246, 13.951, 10.002, 13.854, 9.767) ..cubicTo(13.768, 9.559, 13.65, 9.373, 13.499, 9.208) ..lineTo(11.854, 10.854) ..cubicTo(11.754, 10.953, 11.636, 11.003, 11.5, 11.003) ..cubicTo(11.364, 11.003, 11.246, 10.953, 11.146, 10.854) ..lineTo(8.146, 7.854) ..cubicTo(8.047, 7.754, 7.997, 7.636, 7.997, 7.5) ..cubicTo(7.997, 7.364, 8.047, 7.246, 8.146, 7.146) ..lineTo(9.66, 5.633) ..cubicTo(9.608, 5.625, 9.555, 5.621, 9.5, 5.621) ..cubicTo(9.224, 5.621, 8.988, 5.719, 8.793, 5.914) ..lineTo(5.561, 9.146) ..cubicTo(5.381, 9.326, 5.243, 9.533, 5.146, 9.767) ..close() ..moveTo(10, 8.293) ..lineTo(11.293, 7) ..lineTo(10.5, 6.207) ..lineTo(9.207, 7.5) ..lineTo(10, 8.293) ..close() ..moveTo(11.5, 9.793) ..lineTo(12.793, 8.5) ..lineTo(12, 7.707) ..lineTo(10.707, 9) ..lineTo(11.5, 9.793) ..close() ..moveTo(2, 8) ..lineTo(3, 8) ..lineTo(3, 9) ..lineTo(2, 9) ..lineTo(2, 8) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_HomeSolarIconPainter old) => old.color != color; } ```