battery saver icon

battery-saver-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.

Name
battery-saver-20-filled
Set
Fluent UI System Icons
Style
20 Filled
Viewbox
20×20
License
MIT

3 other variants in Fluent UI System Icons

battery-saver-20-regularbattery-saver-24-filledbattery-saver-24-regular

The same icon in other sets

battery-saverMaterial Symbolsbattery-saverMaterial Symbols Lightbattery-saver-fillRemix Icon

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 3a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1l-.003.155A3 3 0 0 1 16 15H4c-.179 0-.498-.12-.499-.502c0-.382.292-.498.5-.498h.043C5.317 14 8 13.01 8 9.716c0-1.014-.453-2.675-.956-3.913a.584.584 0 0 1 .462-.798L7.586 5z"/></svg>

React

import type { SVGProps } from "react";

export function FluentBatterySaver20Filled(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 3a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1l-.003.155A3 3 0 0 1 16 15H4c-.179 0-.498-.12-.499-.502c0-.382.292-.498.5-.498h.043C5.317 14 8 13.01 8 9.716c0-1.014-.453-2.675-.956-3.913a.584.584 0 0 1 .462-.798L7.586 5z"/></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 3a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1l-.003.155A3 3 0 0 1 16 15H4c-.179 0-.498-.12-.499-.502c0-.382.292-.498.5-.498h.043C5.317 14 8 13.01 8 9.716c0-1.014-.453-2.675-.956-3.913a.584.584 0 0 1 .462-.798L7.586 5z"/></svg>
</template>

CSS

.icon-battery-saver-20-filled {
  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%203a1%201%200%200%201%201%201v2a1%201%200%200%201-1%201l-.003.155A3%203%200%200%201%2016%2015H4c-.179%200-.498-.12-.499-.502c0-.382.292-.498.5-.498h.043C5.317%2014%208%2013.01%208%209.716c0-1.014-.453-2.675-.956-3.913a.584.584%200%200%201%20.462-.798L7.586%205z%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%203a1%201%200%200%201%201%201v2a1%201%200%200%201-1%201l-.003.155A3%203%200%200%201%2016%2015H4c-.179%200-.498-.12-.499-.502c0-.382.292-.498.5-.498h.043C5.317%2014%208%2013.01%208%209.716c0-1.014-.453-2.675-.956-3.913a.584.584%200%200%201%20.462-.798L7.586%205z%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-filled.svg?color=%231a73e8&size=48