power icon
power-outline from Solar by 480 Design · Outline · UI · CC-BY-4.0 Attribution required.
- Name
- power-outline
- Set
- Solar
- Style
- Outline
- Category
- UI
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
powerBootstrap IconspowerCarbonpower-fillEva IconspowerFramework7 IconspowerFeather Iconspower-20-filledFluent UI System IconspowerHeroIconspowerHuge IconspowerHumbleiconspowerIconParkpowerIconPark OutlinepowerIonIconspowerJam IconspowerLucidepowerMaterial Design Iconspower-fillMingCute IconpowerMyna UI IconspowerPhosphorpowerPixelarticonspowerTabler Iconspower-outlineTeenyiconspowerUnicons
More ui icons from Solar
accessibility-boldadd-boldadd-circle-boldadd-square-boldaugmented-reality-boldballoon-boldbattery-charge-boldbattery-charge-minimalistic-boldbattery-full-boldbattery-full-minimalistic-boldbattery-half-boldbattery-half-minimalistic-boldbattery-low-boldbattery-low-minimalistic-boldblocks-boldbody-boldbolt-boldbolt-circle-boldbox-boldbox-minimalistic-boldbroom-boldcat-boldcheck-circle-boldcheck-square-bold
Use the power icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.75 2C12.75 1.58579 12.4142 1.25 12 1.25C11.5858 1.25 11.25 1.58579 11.25 2V6C11.25 6.41421 11.5858 6.75 12 6.75C12.4142 6.75 12.75 6.41421 12.75 6V2Z"/><path d="M8.7919 4.39678C9.17345 4.23557 9.35208 3.79557 9.19087 3.41402C9.02966 3.03246 8.58966 2.85384 8.2081 3.01505C4.70832 4.49372 2.25 7.95891 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 7.95891 19.2917 4.49372 15.7919 3.01505C15.4103 2.85384 14.9703 3.03246 14.8091 3.41402C14.6479 3.79557 14.8265 4.23557 15.2081 4.39678C18.1722 5.64913 20.25 8.58279 20.25 12C20.25 16.5564 16.5563 20.25 12 20.25C7.44365 20.25 3.75 16.5564 3.75 12C3.75 8.58279 5.82779 5.64913 8.7919 4.39678Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarPowerOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.75 2C12.75 1.58579 12.4142 1.25 12 1.25C11.5858 1.25 11.25 1.58579 11.25 2V6C11.25 6.41421 11.5858 6.75 12 6.75C12.4142 6.75 12.75 6.41421 12.75 6V2Z"/><path d="M8.7919 4.39678C9.17345 4.23557 9.35208 3.79557 9.19087 3.41402C9.02966 3.03246 8.58966 2.85384 8.2081 3.01505C4.70832 4.49372 2.25 7.95891 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 7.95891 19.2917 4.49372 15.7919 3.01505C15.4103 2.85384 14.9703 3.03246 14.8091 3.41402C14.6479 3.79557 14.8265 4.23557 15.2081 4.39678C18.1722 5.64913 20.25 8.58279 20.25 12C20.25 16.5564 16.5563 20.25 12 20.25C7.44365 20.25 3.75 16.5564 3.75 12C3.75 8.58279 5.82779 5.64913 8.7919 4.39678Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.75 2C12.75 1.58579 12.4142 1.25 12 1.25C11.5858 1.25 11.25 1.58579 11.25 2V6C11.25 6.41421 11.5858 6.75 12 6.75C12.4142 6.75 12.75 6.41421 12.75 6V2Z"/><path d="M8.7919 4.39678C9.17345 4.23557 9.35208 3.79557 9.19087 3.41402C9.02966 3.03246 8.58966 2.85384 8.2081 3.01505C4.70832 4.49372 2.25 7.95891 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 7.95891 19.2917 4.49372 15.7919 3.01505C15.4103 2.85384 14.9703 3.03246 14.8091 3.41402C14.6479 3.79557 14.8265 4.23557 15.2081 4.39678C18.1722 5.64913 20.25 8.58279 20.25 12C20.25 16.5564 16.5563 20.25 12 20.25C7.44365 20.25 3.75 16.5564 3.75 12C3.75 8.58279 5.82779 5.64913 8.7919 4.39678Z"/></g></svg> </template>
CSS
.icon-power-outline {
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%22currentColor%22%3E%3Cpath%20d%3D%22M12.75%202C12.75%201.58579%2012.4142%201.25%2012%201.25C11.5858%201.25%2011.25%201.58579%2011.25%202V6C11.25%206.41421%2011.5858%206.75%2012%206.75C12.4142%206.75%2012.75%206.41421%2012.75%206V2Z%22%2F%3E%3Cpath%20d%3D%22M8.7919%204.39678C9.17345%204.23557%209.35208%203.79557%209.19087%203.41402C9.02966%203.03246%208.58966%202.85384%208.2081%203.01505C4.70832%204.49372%202.25%207.95891%202.25%2012C2.25%2017.3848%206.61522%2021.75%2012%2021.75C17.3848%2021.75%2021.75%2017.3848%2021.75%2012C21.75%207.95891%2019.2917%204.49372%2015.7919%203.01505C15.4103%202.85384%2014.9703%203.03246%2014.8091%203.41402C14.6479%203.79557%2014.8265%204.23557%2015.2081%204.39678C18.1722%205.64913%2020.25%208.58279%2020.25%2012C20.25%2016.5564%2016.5563%2020.25%2012%2020.25C7.44365%2020.25%203.75%2016.5564%203.75%2012C3.75%208.58279%205.82779%205.64913%208.7919%204.39678Z%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%22currentColor%22%3E%3Cpath%20d%3D%22M12.75%202C12.75%201.58579%2012.4142%201.25%2012%201.25C11.5858%201.25%2011.25%201.58579%2011.25%202V6C11.25%206.41421%2011.5858%206.75%2012%206.75C12.4142%206.75%2012.75%206.41421%2012.75%206V2Z%22%2F%3E%3Cpath%20d%3D%22M8.7919%204.39678C9.17345%204.23557%209.35208%203.79557%209.19087%203.41402C9.02966%203.03246%208.58966%202.85384%208.2081%203.01505C4.70832%204.49372%202.25%207.95891%202.25%2012C2.25%2017.3848%206.61522%2021.75%2012%2021.75C17.3848%2021.75%2021.75%2017.3848%2021.75%2012C21.75%207.95891%2019.2917%204.49372%2015.7919%203.01505C15.4103%202.85384%2014.9703%203.03246%2014.8091%203.41402C14.6479%203.79557%2014.8265%204.23557%2015.2081%204.39678C18.1722%205.64913%2020.25%208.58279%2020.25%2012C20.25%2016.5564%2016.5563%2020.25%2012%2020.25C7.44365%2020.25%203.75%2016.5564%203.75%2012C3.75%208.58279%205.82779%205.64913%208.7919%204.39678Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/power-outline.svg?color=%231a73e8&size=48
