solar panel icon

solar-panel-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name: solar-panel-bold
Set: Phosphor
Style: Bold
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

solar-panel solar-panel-duotone solar-panel-fill solar-panel-light solar-panel-thin

The same icon in other sets

solar-panelCarbon solar-panelFont Awesome 6 Solid solar-panelFont Awesome Solid solar-panelLine Awesome solar-panelLucide solar-panelMaterial Design Icons solar-panel-fillMingCute Icon solar-panelTabler Icons

Related icons in Phosphor

solar-roof

Use the solar panel icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M32 100a12 12 0 0 1 12-12h8a12 12 0 0 1 0 24h-8a12 12 0 0 1-12-12m96-64a12 12 0 0 0 12-12v-8a12 12 0 0 0-24 0v8a12 12 0 0 0 12 12M65.77 54.74a12 12 0 1 0 17-17l-5.66-5.65a12 12 0 0 0-17 17Zm116 3.52a12 12 0 0 0 8.49-3.52l5.65-5.65a12 12 0 0 0-17-17l-5.66 5.65a12 12 0 0 0 8.49 20.49ZM192 100a12 12 0 0 0 12 12h8a12 12 0 0 0 0-24h-8a12 12 0 0 0-12 12M88 112a12 12 0 0 0 12-12a28 28 0 0 1 56 0a12 12 0 0 0 24 0a52 52 0 0 0-104 0a12 12 0 0 0 12 12m154.36 110.05A12 12 0 0 1 232 228H24a12 12 0 0 1-10.45-17.9l43-76A12 12 0 0 1 67 128h122a12 12 0 0 1 10.45 6.1l43 76a12 12 0 0 1-.09 11.95M182 152h-42v12h48.82Zm-108 0l-6.78 12H116v-12Zm-29.43 52H116v-16H53.61Zm166.86 0l-9-16H140v16Z"/></svg>

React

import type { SVGProps } from "react";

export function PhSolarPanelBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M32 100a12 12 0 0 1 12-12h8a12 12 0 0 1 0 24h-8a12 12 0 0 1-12-12m96-64a12 12 0 0 0 12-12v-8a12 12 0 0 0-24 0v8a12 12 0 0 0 12 12M65.77 54.74a12 12 0 1 0 17-17l-5.66-5.65a12 12 0 0 0-17 17Zm116 3.52a12 12 0 0 0 8.49-3.52l5.65-5.65a12 12 0 0 0-17-17l-5.66 5.65a12 12 0 0 0 8.49 20.49ZM192 100a12 12 0 0 0 12 12h8a12 12 0 0 0 0-24h-8a12 12 0 0 0-12 12M88 112a12 12 0 0 0 12-12a28 28 0 0 1 56 0a12 12 0 0 0 24 0a52 52 0 0 0-104 0a12 12 0 0 0 12 12m154.36 110.05A12 12 0 0 1 232 228H24a12 12 0 0 1-10.45-17.9l43-76A12 12 0 0 1 67 128h122a12 12 0 0 1 10.45 6.1l43 76a12 12 0 0 1-.09 11.95M182 152h-42v12h48.82Zm-108 0l-6.78 12H116v-12Zm-29.43 52H116v-16H53.61Zm166.86 0l-9-16H140v16Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M32 100a12 12 0 0 1 12-12h8a12 12 0 0 1 0 24h-8a12 12 0 0 1-12-12m96-64a12 12 0 0 0 12-12v-8a12 12 0 0 0-24 0v8a12 12 0 0 0 12 12M65.77 54.74a12 12 0 1 0 17-17l-5.66-5.65a12 12 0 0 0-17 17Zm116 3.52a12 12 0 0 0 8.49-3.52l5.65-5.65a12 12 0 0 0-17-17l-5.66 5.65a12 12 0 0 0 8.49 20.49ZM192 100a12 12 0 0 0 12 12h8a12 12 0 0 0 0-24h-8a12 12 0 0 0-12 12M88 112a12 12 0 0 0 12-12a28 28 0 0 1 56 0a12 12 0 0 0 24 0a52 52 0 0 0-104 0a12 12 0 0 0 12 12m154.36 110.05A12 12 0 0 1 232 228H24a12 12 0 0 1-10.45-17.9l43-76A12 12 0 0 1 67 128h122a12 12 0 0 1 10.45 6.1l43 76a12 12 0 0 1-.09 11.95M182 152h-42v12h48.82Zm-108 0l-6.78 12H116v-12Zm-29.43 52H116v-16H53.61Zm166.86 0l-9-16H140v16Z"/></svg>
</template>

CSS

.icon-solar-panel-bold {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M32%20100a12%2012%200%200%201%2012-12h8a12%2012%200%200%201%200%2024h-8a12%2012%200%200%201-12-12m96-64a12%2012%200%200%200%2012-12v-8a12%2012%200%200%200-24%200v8a12%2012%200%200%200%2012%2012M65.77%2054.74a12%2012%200%201%200%2017-17l-5.66-5.65a12%2012%200%200%200-17%2017Zm116%203.52a12%2012%200%200%200%208.49-3.52l5.65-5.65a12%2012%200%200%200-17-17l-5.66%205.65a12%2012%200%200%200%208.49%2020.49ZM192%20100a12%2012%200%200%200%2012%2012h8a12%2012%200%200%200%200-24h-8a12%2012%200%200%200-12%2012M88%20112a12%2012%200%200%200%2012-12a28%2028%200%200%201%2056%200a12%2012%200%200%200%2024%200a52%2052%200%200%200-104%200a12%2012%200%200%200%2012%2012m154.36%20110.05A12%2012%200%200%201%20232%20228H24a12%2012%200%200%201-10.45-17.9l43-76A12%2012%200%200%201%2067%20128h122a12%2012%200%200%201%2010.45%206.1l43%2076a12%2012%200%200%201-.09%2011.95M182%20152h-42v12h48.82Zm-108%200l-6.78%2012H116v-12Zm-29.43%2052H116v-16H53.61Zm166.86%200l-9-16H140v16Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M32%20100a12%2012%200%200%201%2012-12h8a12%2012%200%200%201%200%2024h-8a12%2012%200%200%201-12-12m96-64a12%2012%200%200%200%2012-12v-8a12%2012%200%200%200-24%200v8a12%2012%200%200%200%2012%2012M65.77%2054.74a12%2012%200%201%200%2017-17l-5.66-5.65a12%2012%200%200%200-17%2017Zm116%203.52a12%2012%200%200%200%208.49-3.52l5.65-5.65a12%2012%200%200%200-17-17l-5.66%205.65a12%2012%200%200%200%208.49%2020.49ZM192%20100a12%2012%200%200%200%2012%2012h8a12%2012%200%200%200%200-24h-8a12%2012%200%200%200-12%2012M88%20112a12%2012%200%200%200%2012-12a28%2028%200%200%201%2056%200a12%2012%200%200%200%2024%200a52%2052%200%200%200-104%200a12%2012%200%200%200%2012%2012m154.36%20110.05A12%2012%200%200%201%20232%20228H24a12%2012%200%200%201-10.45-17.9l43-76A12%2012%200%200%201%2067%20128h122a12%2012%200%200%201%2010.45%206.1l43%2076a12%2012%200%200%201-.09%2011.95M182%20152h-42v12h48.82Zm-108%200l-6.78%2012H116v-12Zm-29.43%2052H116v-16H53.61Zm166.86%200l-9-16H140v16Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/solar-panel-bold.svg?color=%231a73e8&size=48