power settings circle icon
power-settings-circle from Material Symbols Light by Google · Regular · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- power-settings-circle
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Actions
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- power-settings-circle-sharp
3 other variants in Material Symbols Light
The same icon in other sets
More actions icons from Material Symbols Light
Use the power settings circle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.493 20.292q-1.643-.709-2.859-1.924t-1.925-2.856T3 12.003t.709-3.51Q4.417 6.85 5.63 5.634t2.857-1.925T11.997 3t3.51.709q1.643.708 2.859 1.922t1.925 2.857t.709 3.509t-.708 3.51t-1.924 2.859t-2.856 1.925t-3.509.709t-3.51-.708m7.046-4.754Q17 14.077 17 12.006q0-1.057-.388-1.958q-.389-.9-1.073-1.586l-.714.714q.55.55.863 1.275T16 12q0 1.65-1.175 2.825T12 16t-2.825-1.175T8 12q0-.825.313-1.55t.862-1.275l-.713-.713q-.685.684-1.073 1.585Q7 10.95 7 12.005q0 2.072 1.457 3.534T11.995 17t3.544-1.461M11.5 12h1V7h-1z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightPowerSettingsCircle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.493 20.292q-1.643-.709-2.859-1.924t-1.925-2.856T3 12.003t.709-3.51Q4.417 6.85 5.63 5.634t2.857-1.925T11.997 3t3.51.709q1.643.708 2.859 1.922t1.925 2.857t.709 3.509t-.708 3.51t-1.924 2.859t-2.856 1.925t-3.509.709t-3.51-.708m7.046-4.754Q17 14.077 17 12.006q0-1.057-.388-1.958q-.389-.9-1.073-1.586l-.714.714q.55.55.863 1.275T16 12q0 1.65-1.175 2.825T12 16t-2.825-1.175T8 12q0-.825.313-1.55t.862-1.275l-.713-.713q-.685.684-1.073 1.585Q7 10.95 7 12.005q0 2.072 1.457 3.534T11.995 17t3.544-1.461M11.5 12h1V7h-1z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.493 20.292q-1.643-.709-2.859-1.924t-1.925-2.856T3 12.003t.709-3.51Q4.417 6.85 5.63 5.634t2.857-1.925T11.997 3t3.51.709q1.643.708 2.859 1.922t1.925 2.857t.709 3.509t-.708 3.51t-1.924 2.859t-2.856 1.925t-3.509.709t-3.51-.708m7.046-4.754Q17 14.077 17 12.006q0-1.057-.388-1.958q-.389-.9-1.073-1.586l-.714.714q.55.55.863 1.275T16 12q0 1.65-1.175 2.825T12 16t-2.825-1.175T8 12q0-.825.313-1.55t.862-1.275l-.713-.713q-.685.684-1.073 1.585Q7 10.95 7 12.005q0 2.072 1.457 3.534T11.995 17t3.544-1.461M11.5 12h1V7h-1z"/></svg> </template>
CSS
.icon-power-settings-circle {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.493%2020.292q-1.643-.709-2.859-1.924t-1.925-2.856T3%2012.003t.709-3.51Q4.417%206.85%205.63%205.634t2.857-1.925T11.997%203t3.51.709q1.643.708%202.859%201.922t1.925%202.857t.709%203.509t-.708%203.51t-1.924%202.859t-2.856%201.925t-3.509.709t-3.51-.708m7.046-4.754Q17%2014.077%2017%2012.006q0-1.057-.388-1.958q-.389-.9-1.073-1.586l-.714.714q.55.55.863%201.275T16%2012q0%201.65-1.175%202.825T12%2016t-2.825-1.175T8%2012q0-.825.313-1.55t.862-1.275l-.713-.713q-.685.684-1.073%201.585Q7%2010.95%207%2012.005q0%202.072%201.457%203.534T11.995%2017t3.544-1.461M11.5%2012h1V7h-1z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.493%2020.292q-1.643-.709-2.859-1.924t-1.925-2.856T3%2012.003t.709-3.51Q4.417%206.85%205.63%205.634t2.857-1.925T11.997%203t3.51.709q1.643.708%202.859%201.922t1.925%202.857t.709%203.509t-.708%203.51t-1.924%202.859t-2.856%201.925t-3.509.709t-3.51-.708m7.046-4.754Q17%2014.077%2017%2012.006q0-1.057-.388-1.958q-.389-.9-1.073-1.586l-.714.714q.55.55.863%201.275T16%2012q0%201.65-1.175%202.825T12%2016t-2.825-1.175T8%2012q0-.825.313-1.55t.862-1.275l-.713-.713q-.685.684-1.073%201.585Q7%2010.95%207%2012.005q0%202.072%201.457%203.534T11.995%2017t3.544-1.461M11.5%2012h1V7h-1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/power-settings-circle.svg?color=%231a73e8&size=48
