solar power icon
solar-power from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- solar-power
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Huge Icons
Use the solar power icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="m2.99 15.327l1.066-3c.229-.641.343-.962.6-1.144C4.916 11 5.255 11 5.934 11h12.134c.679 0 1.018 0 1.276.183c.258.182.372.503.6 1.144l1.068 3c.433 1.217.65 1.825.351 2.249c-.297.424-.94.424-2.227.424H4.865c-1.286 0-1.93 0-2.227-.424c-.298-.424-.082-1.032.351-2.249M9.5 11L8 18m6.5-7l1.5 7M4 14.5h16m-5.667-9A2.333 2.333 0 0 1 12 7.833M14.333 5.5A2.333 2.333 0 0 0 12 3.167M14.333 5.5H15.5M12 7.833A2.333 2.333 0 0 1 9.667 5.5M12 7.833V9M9.667 5.5A2.333 2.333 0 0 1 12 3.167M9.667 5.5H8.5M12 3.167V2m1.65 1.85l.825-.825M10.35 7.15l-.825.825m4.125-.825l.825.825M10.35 3.85l-.825-.825"/><path d="M15 22c-1.06-1.173-1-3-1-4m-5 4c1.06-1.173 1-3 1-4"/><path stroke-linejoin="round" d="M2 22h20"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsSolarPower(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path strokeLinejoin="round" d="m2.99 15.327l1.066-3c.229-.641.343-.962.6-1.144C4.916 11 5.255 11 5.934 11h12.134c.679 0 1.018 0 1.276.183c.258.182.372.503.6 1.144l1.068 3c.433 1.217.65 1.825.351 2.249c-.297.424-.94.424-2.227.424H4.865c-1.286 0-1.93 0-2.227-.424c-.298-.424-.082-1.032.351-2.249M9.5 11L8 18m6.5-7l1.5 7M4 14.5h16m-5.667-9A2.333 2.333 0 0 1 12 7.833M14.333 5.5A2.333 2.333 0 0 0 12 3.167M14.333 5.5H15.5M12 7.833A2.333 2.333 0 0 1 9.667 5.5M12 7.833V9M9.667 5.5A2.333 2.333 0 0 1 12 3.167M9.667 5.5H8.5M12 3.167V2m1.65 1.85l.825-.825M10.35 7.15l-.825.825m4.125-.825l.825.825M10.35 3.85l-.825-.825"/><path d="M15 22c-1.06-1.173-1-3-1-4m-5 4c1.06-1.173 1-3 1-4"/><path strokeLinejoin="round" d="M2 22h20"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="m2.99 15.327l1.066-3c.229-.641.343-.962.6-1.144C4.916 11 5.255 11 5.934 11h12.134c.679 0 1.018 0 1.276.183c.258.182.372.503.6 1.144l1.068 3c.433 1.217.65 1.825.351 2.249c-.297.424-.94.424-2.227.424H4.865c-1.286 0-1.93 0-2.227-.424c-.298-.424-.082-1.032.351-2.249M9.5 11L8 18m6.5-7l1.5 7M4 14.5h16m-5.667-9A2.333 2.333 0 0 1 12 7.833M14.333 5.5A2.333 2.333 0 0 0 12 3.167M14.333 5.5H15.5M12 7.833A2.333 2.333 0 0 1 9.667 5.5M12 7.833V9M9.667 5.5A2.333 2.333 0 0 1 12 3.167M9.667 5.5H8.5M12 3.167V2m1.65 1.85l.825-.825M10.35 7.15l-.825.825m4.125-.825l.825.825M10.35 3.85l-.825-.825"/><path d="M15 22c-1.06-1.173-1-3-1-4m-5 4c1.06-1.173 1-3 1-4"/><path stroke-linejoin="round" d="M2 22h20"/></g></svg> </template>
CSS
.icon-solar-power {
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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m2.99%2015.327l1.066-3c.229-.641.343-.962.6-1.144C4.916%2011%205.255%2011%205.934%2011h12.134c.679%200%201.018%200%201.276.183c.258.182.372.503.6%201.144l1.068%203c.433%201.217.65%201.825.351%202.249c-.297.424-.94.424-2.227.424H4.865c-1.286%200-1.93%200-2.227-.424c-.298-.424-.082-1.032.351-2.249M9.5%2011L8%2018m6.5-7l1.5%207M4%2014.5h16m-5.667-9A2.333%202.333%200%200%201%2012%207.833M14.333%205.5A2.333%202.333%200%200%200%2012%203.167M14.333%205.5H15.5M12%207.833A2.333%202.333%200%200%201%209.667%205.5M12%207.833V9M9.667%205.5A2.333%202.333%200%200%201%2012%203.167M9.667%205.5H8.5M12%203.167V2m1.65%201.85l.825-.825M10.35%207.15l-.825.825m4.125-.825l.825.825M10.35%203.85l-.825-.825%22%2F%3E%3Cpath%20d%3D%22M15%2022c-1.06-1.173-1-3-1-4m-5%204c1.06-1.173%201-3%201-4%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M2%2022h20%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m2.99%2015.327l1.066-3c.229-.641.343-.962.6-1.144C4.916%2011%205.255%2011%205.934%2011h12.134c.679%200%201.018%200%201.276.183c.258.182.372.503.6%201.144l1.068%203c.433%201.217.65%201.825.351%202.249c-.297.424-.94.424-2.227.424H4.865c-1.286%200-1.93%200-2.227-.424c-.298-.424-.082-1.032.351-2.249M9.5%2011L8%2018m6.5-7l1.5%207M4%2014.5h16m-5.667-9A2.333%202.333%200%200%201%2012%207.833M14.333%205.5A2.333%202.333%200%200%200%2012%203.167M14.333%205.5H15.5M12%207.833A2.333%202.333%200%200%201%209.667%205.5M12%207.833V9M9.667%205.5A2.333%202.333%200%200%201%2012%203.167M9.667%205.5H8.5M12%203.167V2m1.65%201.85l.825-.825M10.35%207.15l-.825.825m4.125-.825l.825.825M10.35%203.85l-.825-.825%22%2F%3E%3Cpath%20d%3D%22M15%2022c-1.06-1.173-1-3-1-4m-5%204c1.06-1.173%201-3%201-4%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M2%2022h20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/solar-power.svg?color=%231a73e8&size=48
