power icon
power-bold from Solar by 480 Design · Bold · UI · CC-BY-4.0 Attribution required.
- Name
- power-bold
- Set
- Solar
- Style
- Bold
- 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 2.75C12.75 2.33579 12.4142 2 12 2C11.5858 2 11.25 2.33579 11.25 2.75V6.75C11.25 7.16421 11.5858 7.5 12 7.5C12.4142 7.5 12.75 7.16421 12.75 6.75V2.75Z"/><path d="M8.7919 5.14692C9.17345 4.98571 9.35208 4.54571 9.19087 4.16416C9.02966 3.7826 8.58966 3.60398 8.2081 3.76519C4.70832 5.24386 2.25 8.70905 2.25 12.7501C2.25 18.1349 6.61522 22.5001 12 22.5001C17.3848 22.5001 21.75 18.1349 21.75 12.7501C21.75 8.70905 19.2917 5.24386 15.7919 3.76519C15.4103 3.60398 14.9703 3.7826 14.8091 4.16416C14.6479 4.54571 14.8265 4.98571 15.2081 5.14692C18.1722 6.39927 20.25 9.33293 20.25 12.7501C20.25 17.3065 16.5563 21.0001 12 21.0001C7.44365 21.0001 3.75 17.3065 3.75 12.7501C3.75 9.33293 5.82779 6.39927 8.7919 5.14692Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarPowerBold(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 2.75C12.75 2.33579 12.4142 2 12 2C11.5858 2 11.25 2.33579 11.25 2.75V6.75C11.25 7.16421 11.5858 7.5 12 7.5C12.4142 7.5 12.75 7.16421 12.75 6.75V2.75Z"/><path d="M8.7919 5.14692C9.17345 4.98571 9.35208 4.54571 9.19087 4.16416C9.02966 3.7826 8.58966 3.60398 8.2081 3.76519C4.70832 5.24386 2.25 8.70905 2.25 12.7501C2.25 18.1349 6.61522 22.5001 12 22.5001C17.3848 22.5001 21.75 18.1349 21.75 12.7501C21.75 8.70905 19.2917 5.24386 15.7919 3.76519C15.4103 3.60398 14.9703 3.7826 14.8091 4.16416C14.6479 4.54571 14.8265 4.98571 15.2081 5.14692C18.1722 6.39927 20.25 9.33293 20.25 12.7501C20.25 17.3065 16.5563 21.0001 12 21.0001C7.44365 21.0001 3.75 17.3065 3.75 12.7501C3.75 9.33293 5.82779 6.39927 8.7919 5.14692Z"/></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 2.75C12.75 2.33579 12.4142 2 12 2C11.5858 2 11.25 2.33579 11.25 2.75V6.75C11.25 7.16421 11.5858 7.5 12 7.5C12.4142 7.5 12.75 7.16421 12.75 6.75V2.75Z"/><path d="M8.7919 5.14692C9.17345 4.98571 9.35208 4.54571 9.19087 4.16416C9.02966 3.7826 8.58966 3.60398 8.2081 3.76519C4.70832 5.24386 2.25 8.70905 2.25 12.7501C2.25 18.1349 6.61522 22.5001 12 22.5001C17.3848 22.5001 21.75 18.1349 21.75 12.7501C21.75 8.70905 19.2917 5.24386 15.7919 3.76519C15.4103 3.60398 14.9703 3.7826 14.8091 4.16416C14.6479 4.54571 14.8265 4.98571 15.2081 5.14692C18.1722 6.39927 20.25 9.33293 20.25 12.7501C20.25 17.3065 16.5563 21.0001 12 21.0001C7.44365 21.0001 3.75 17.3065 3.75 12.7501C3.75 9.33293 5.82779 6.39927 8.7919 5.14692Z"/></g></svg> </template>
CSS
.icon-power-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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12.75%202.75C12.75%202.33579%2012.4142%202%2012%202C11.5858%202%2011.25%202.33579%2011.25%202.75V6.75C11.25%207.16421%2011.5858%207.5%2012%207.5C12.4142%207.5%2012.75%207.16421%2012.75%206.75V2.75Z%22%2F%3E%3Cpath%20d%3D%22M8.7919%205.14692C9.17345%204.98571%209.35208%204.54571%209.19087%204.16416C9.02966%203.7826%208.58966%203.60398%208.2081%203.76519C4.70832%205.24386%202.25%208.70905%202.25%2012.7501C2.25%2018.1349%206.61522%2022.5001%2012%2022.5001C17.3848%2022.5001%2021.75%2018.1349%2021.75%2012.7501C21.75%208.70905%2019.2917%205.24386%2015.7919%203.76519C15.4103%203.60398%2014.9703%203.7826%2014.8091%204.16416C14.6479%204.54571%2014.8265%204.98571%2015.2081%205.14692C18.1722%206.39927%2020.25%209.33293%2020.25%2012.7501C20.25%2017.3065%2016.5563%2021.0001%2012%2021.0001C7.44365%2021.0001%203.75%2017.3065%203.75%2012.7501C3.75%209.33293%205.82779%206.39927%208.7919%205.14692Z%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%202.75C12.75%202.33579%2012.4142%202%2012%202C11.5858%202%2011.25%202.33579%2011.25%202.75V6.75C11.25%207.16421%2011.5858%207.5%2012%207.5C12.4142%207.5%2012.75%207.16421%2012.75%206.75V2.75Z%22%2F%3E%3Cpath%20d%3D%22M8.7919%205.14692C9.17345%204.98571%209.35208%204.54571%209.19087%204.16416C9.02966%203.7826%208.58966%203.60398%208.2081%203.76519C4.70832%205.24386%202.25%208.70905%202.25%2012.7501C2.25%2018.1349%206.61522%2022.5001%2012%2022.5001C17.3848%2022.5001%2021.75%2018.1349%2021.75%2012.7501C21.75%208.70905%2019.2917%205.24386%2015.7919%203.76519C15.4103%203.60398%2014.9703%203.7826%2014.8091%204.16416C14.6479%204.54571%2014.8265%204.98571%2015.2081%205.14692C18.1722%206.39927%2020.25%209.33293%2020.25%2012.7501C20.25%2017.3065%2016.5563%2021.0001%2012%2021.0001C7.44365%2021.0001%203.75%2017.3065%203.75%2012.7501C3.75%209.33293%205.82779%206.39927%208.7919%205.14692Z%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-bold.svg?color=%231a73e8&size=48
