battery saver icon
battery-saver-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- battery-saver-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- Viewbox
- 20×20
- License
- MIT
3 other variants in Fluent UI System Icons
The same icon in other sets
Related icons in Fluent UI System Icons
battery-0-20-filledbattery-1-20-filledbattery-10-16-filledbattery-2-20-filledbattery-3-20-filledbattery-4-20-filledbattery-5-20-filledbattery-6-20-filledbattery-7-20-filledbattery-8-20-filledbattery-9-20-filledbattery-charge-0-20-filledbattery-charge-1-20-filledbattery-charge-10-20-filledbattery-charge-2-20-filledbattery-charge-20-filledbattery-charge-3-20-filledbattery-charge-4-20-filledbattery-charge-5-20-filledbattery-charge-6-20-filledbattery-charge-7-20-filledbattery-charge-8-20-filledbattery-charge-9-20-filledbattery-checkmark-20-filled
Use the battery saver icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M4.18 4.273c.233-.364.778-.369.987.015C6.382 6.528 7 8.327 7 9.564c0 1.236-.578 2.274-1.14 2.764a1 1 0 0 1-.152.107l-.088.046a.352.352 0 0 1-.494-.389l.02-.07q.714-1.785.688-3.505a.586.586 0 0 0-.591-.58a.586.586 0 0 0-.574.562l.003.019q.007.435-.044.88l-.051.374l-.033.186l-.052.259l-.08.324l-.034.122q-.198.71-.53 1.44C3.253 13.404 2.23 14.36.805 14.955a.58.58 0 0 1-.762-.319a.59.59 0 0 1 .316-.77q1.123-.469 1.807-1.273C.874 12.181.122 11.281.018 10.026c-.116-1.421.414-2.382 1.757-3.463l.657-.508l.287-.228q.971-.793 1.46-1.554M16 5a3 3 0 0 1 3 3h1v4h-1a3 3 0 0 1-3 3H4a.5.5 0 0 1 0-1h12a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2H7.5a.5.5 0 0 1 0-1z"/></svg>
React
import type { SVGProps } from "react";
export function FluentBatterySaver20Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M4.18 4.273c.233-.364.778-.369.987.015C6.382 6.528 7 8.327 7 9.564c0 1.236-.578 2.274-1.14 2.764a1 1 0 0 1-.152.107l-.088.046a.352.352 0 0 1-.494-.389l.02-.07q.714-1.785.688-3.505a.586.586 0 0 0-.591-.58a.586.586 0 0 0-.574.562l.003.019q.007.435-.044.88l-.051.374l-.033.186l-.052.259l-.08.324l-.034.122q-.198.71-.53 1.44C3.253 13.404 2.23 14.36.805 14.955a.58.58 0 0 1-.762-.319a.59.59 0 0 1 .316-.77q1.123-.469 1.807-1.273C.874 12.181.122 11.281.018 10.026c-.116-1.421.414-2.382 1.757-3.463l.657-.508l.287-.228q.971-.793 1.46-1.554M16 5a3 3 0 0 1 3 3h1v4h-1a3 3 0 0 1-3 3H4a.5.5 0 0 1 0-1h12a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2H7.5a.5.5 0 0 1 0-1z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M4.18 4.273c.233-.364.778-.369.987.015C6.382 6.528 7 8.327 7 9.564c0 1.236-.578 2.274-1.14 2.764a1 1 0 0 1-.152.107l-.088.046a.352.352 0 0 1-.494-.389l.02-.07q.714-1.785.688-3.505a.586.586 0 0 0-.591-.58a.586.586 0 0 0-.574.562l.003.019q.007.435-.044.88l-.051.374l-.033.186l-.052.259l-.08.324l-.034.122q-.198.71-.53 1.44C3.253 13.404 2.23 14.36.805 14.955a.58.58 0 0 1-.762-.319a.59.59 0 0 1 .316-.77q1.123-.469 1.807-1.273C.874 12.181.122 11.281.018 10.026c-.116-1.421.414-2.382 1.757-3.463l.657-.508l.287-.228q.971-.793 1.46-1.554M16 5a3 3 0 0 1 3 3h1v4h-1a3 3 0 0 1-3 3H4a.5.5 0 0 1 0-1h12a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2H7.5a.5.5 0 0 1 0-1z"/></svg> </template>
CSS
.icon-battery-saver-20-regular {
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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.18%204.273c.233-.364.778-.369.987.015C6.382%206.528%207%208.327%207%209.564c0%201.236-.578%202.274-1.14%202.764a1%201%200%200%201-.152.107l-.088.046a.352.352%200%200%201-.494-.389l.02-.07q.714-1.785.688-3.505a.586.586%200%200%200-.591-.58a.586.586%200%200%200-.574.562l.003.019q.007.435-.044.88l-.051.374l-.033.186l-.052.259l-.08.324l-.034.122q-.198.71-.53%201.44C3.253%2013.404%202.23%2014.36.805%2014.955a.58.58%200%200%201-.762-.319a.59.59%200%200%201%20.316-.77q1.123-.469%201.807-1.273C.874%2012.181.122%2011.281.018%2010.026c-.116-1.421.414-2.382%201.757-3.463l.657-.508l.287-.228q.971-.793%201.46-1.554M16%205a3%203%200%200%201%203%203h1v4h-1a3%203%200%200%201-3%203H4a.5.5%200%200%201%200-1h12a2%202%200%200%200%202-2V8a2%202%200%200%200-2-2H7.5a.5.5%200%200%201%200-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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.18%204.273c.233-.364.778-.369.987.015C6.382%206.528%207%208.327%207%209.564c0%201.236-.578%202.274-1.14%202.764a1%201%200%200%201-.152.107l-.088.046a.352.352%200%200%201-.494-.389l.02-.07q.714-1.785.688-3.505a.586.586%200%200%200-.591-.58a.586.586%200%200%200-.574.562l.003.019q.007.435-.044.88l-.051.374l-.033.186l-.052.259l-.08.324l-.034.122q-.198.71-.53%201.44C3.253%2013.404%202.23%2014.36.805%2014.955a.58.58%200%200%201-.762-.319a.59.59%200%200%201%20.316-.77q1.123-.469%201.807-1.273C.874%2012.181.122%2011.281.018%2010.026c-.116-1.421.414-2.382%201.757-3.463l.657-.508l.287-.228q.971-.793%201.46-1.554M16%205a3%203%200%200%201%203%203h1v4h-1a3%203%200%200%201-3%203H4a.5.5%200%200%201%200-1h12a2%202%200%200%200%202-2V8a2%202%200%200%200-2-2H7.5a.5.5%200%200%201%200-1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/battery-saver-20-regular.svg?color=%231a73e8&size=48
