power icon
power-bold-duotone from Solar by 480 Design · Bold Duotone · UI · CC-BY-4.0 Attribution required.
- Name
- power-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- 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="M8.7919 5.14712C9.17345 4.98591 9.35208 4.54591 9.19087 4.16435C9.02966 3.7828 8.58966 3.60417 8.2081 3.76538C4.70832 5.24406 2.25 8.70925 2.25 12.7503C2.25 18.1351 6.61522 22.5003 12 22.5003C17.3848 22.5003 21.75 18.1351 21.75 12.7503C21.75 8.70925 19.2917 5.24406 15.7919 3.76538C15.4103 3.60417 14.9703 3.7828 14.8091 4.16435C14.6479 4.54591 14.8265 4.98591 15.2081 5.14712C18.1722 6.39947 20.25 9.33312 20.25 12.7503C20.25 17.3067 16.5563 21.0003 12 21.0003C7.44365 21.0003 3.75 17.3067 3.75 12.7503C3.75 9.33312 5.82779 6.39947 8.7919 5.14712Z" opacity=".5"/><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"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarPowerBoldDuotone(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="M8.7919 5.14712C9.17345 4.98591 9.35208 4.54591 9.19087 4.16435C9.02966 3.7828 8.58966 3.60417 8.2081 3.76538C4.70832 5.24406 2.25 8.70925 2.25 12.7503C2.25 18.1351 6.61522 22.5003 12 22.5003C17.3848 22.5003 21.75 18.1351 21.75 12.7503C21.75 8.70925 19.2917 5.24406 15.7919 3.76538C15.4103 3.60417 14.9703 3.7828 14.8091 4.16435C14.6479 4.54591 14.8265 4.98591 15.2081 5.14712C18.1722 6.39947 20.25 9.33312 20.25 12.7503C20.25 17.3067 16.5563 21.0003 12 21.0003C7.44365 21.0003 3.75 17.3067 3.75 12.7503C3.75 9.33312 5.82779 6.39947 8.7919 5.14712Z" opacity=".5"/><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"/></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="M8.7919 5.14712C9.17345 4.98591 9.35208 4.54591 9.19087 4.16435C9.02966 3.7828 8.58966 3.60417 8.2081 3.76538C4.70832 5.24406 2.25 8.70925 2.25 12.7503C2.25 18.1351 6.61522 22.5003 12 22.5003C17.3848 22.5003 21.75 18.1351 21.75 12.7503C21.75 8.70925 19.2917 5.24406 15.7919 3.76538C15.4103 3.60417 14.9703 3.7828 14.8091 4.16435C14.6479 4.54591 14.8265 4.98591 15.2081 5.14712C18.1722 6.39947 20.25 9.33312 20.25 12.7503C20.25 17.3067 16.5563 21.0003 12 21.0003C7.44365 21.0003 3.75 17.3067 3.75 12.7503C3.75 9.33312 5.82779 6.39947 8.7919 5.14712Z" opacity=".5"/><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"/></g></svg> </template>
CSS
.icon-power-bold-duotone {
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%22M8.7919%205.14712C9.17345%204.98591%209.35208%204.54591%209.19087%204.16435C9.02966%203.7828%208.58966%203.60417%208.2081%203.76538C4.70832%205.24406%202.25%208.70925%202.25%2012.7503C2.25%2018.1351%206.61522%2022.5003%2012%2022.5003C17.3848%2022.5003%2021.75%2018.1351%2021.75%2012.7503C21.75%208.70925%2019.2917%205.24406%2015.7919%203.76538C15.4103%203.60417%2014.9703%203.7828%2014.8091%204.16435C14.6479%204.54591%2014.8265%204.98591%2015.2081%205.14712C18.1722%206.39947%2020.25%209.33312%2020.25%2012.7503C20.25%2017.3067%2016.5563%2021.0003%2012%2021.0003C7.44365%2021.0003%203.75%2017.3067%203.75%2012.7503C3.75%209.33312%205.82779%206.39947%208.7919%205.14712Z%22%20opacity%3D%22.5%22%2F%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%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%22M8.7919%205.14712C9.17345%204.98591%209.35208%204.54591%209.19087%204.16435C9.02966%203.7828%208.58966%203.60417%208.2081%203.76538C4.70832%205.24406%202.25%208.70925%202.25%2012.7503C2.25%2018.1351%206.61522%2022.5003%2012%2022.5003C17.3848%2022.5003%2021.75%2018.1351%2021.75%2012.7503C21.75%208.70925%2019.2917%205.24406%2015.7919%203.76538C15.4103%203.60417%2014.9703%203.7828%2014.8091%204.16435C14.6479%204.54591%2014.8265%204.98591%2015.2081%205.14712C18.1722%206.39947%2020.25%209.33312%2020.25%2012.7503C20.25%2017.3067%2016.5563%2021.0003%2012%2021.0003C7.44365%2021.0003%203.75%2017.3067%203.75%2012.7503C3.75%209.33312%205.82779%206.39947%208.7919%205.14712Z%22%20opacity%3D%22.5%22%2F%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%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/power-bold-duotone.svg?color=%231a73e8&size=48
