battery saver icon

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

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

3 other variants in Fluent UI System Icons

battery-saver-20-filledbattery-saver-20-regularbattery-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 24 24"><path fill="currentColor" d="M8.645 4.361c1.564 2.852 2.359 5.145 2.359 6.72s-.744 2.896-1.466 3.52q-.087.075-.196.137l-.114.057a.454.454 0 0 1-.634-.495l.025-.088q.92-2.273.885-4.464a.75.75 0 0 0-1.499-.023l.004.023q.009.555-.056 1.12l-.066.478l-.042.237l-.068.33l-.102.412l-.043.156q-.256.903-.684 1.833c-.763 1.658-2.079 2.875-3.912 3.634a.75.75 0 0 1-.574-1.387q1.446-.598 2.324-1.621c-1.663-.525-2.63-1.671-2.763-3.27c-.15-1.81.532-3.035 2.26-4.412l.49-.378l.356-.269l.37-.289q1.248-1.011 1.876-1.98c.3-.464 1.001-.47 1.27.02M17 6.001a3 3 0 0 1 2.995 2.823l.005.177v1l1 .017a1 1 0 0 1 .993.879l.008.121v2a1 1 0 0 1-.866.991l-.134.01L20 14v1a3 3 0 0 1-2.824 2.994L17 18H8.243a1 1 0 0 1-.117-1.993L8.243 16h.63l.075-.005l.105-.019C9.796 15.814 12 14.773 12 11.018q0-1.824-.905-4.054a.7.7 0 0 1 .553-.957L11.743 6z"/></svg>

React

import type { SVGProps } from "react";

export function FluentBatterySaver24Filled(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.645 4.361c1.564 2.852 2.359 5.145 2.359 6.72s-.744 2.896-1.466 3.52q-.087.075-.196.137l-.114.057a.454.454 0 0 1-.634-.495l.025-.088q.92-2.273.885-4.464a.75.75 0 0 0-1.499-.023l.004.023q.009.555-.056 1.12l-.066.478l-.042.237l-.068.33l-.102.412l-.043.156q-.256.903-.684 1.833c-.763 1.658-2.079 2.875-3.912 3.634a.75.75 0 0 1-.574-1.387q1.446-.598 2.324-1.621c-1.663-.525-2.63-1.671-2.763-3.27c-.15-1.81.532-3.035 2.26-4.412l.49-.378l.356-.269l.37-.289q1.248-1.011 1.876-1.98c.3-.464 1.001-.47 1.27.02M17 6.001a3 3 0 0 1 2.995 2.823l.005.177v1l1 .017a1 1 0 0 1 .993.879l.008.121v2a1 1 0 0 1-.866.991l-.134.01L20 14v1a3 3 0 0 1-2.824 2.994L17 18H8.243a1 1 0 0 1-.117-1.993L8.243 16h.63l.075-.005l.105-.019C9.796 15.814 12 14.773 12 11.018q0-1.824-.905-4.054a.7.7 0 0 1 .553-.957L11.743 6z"/></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.645 4.361c1.564 2.852 2.359 5.145 2.359 6.72s-.744 2.896-1.466 3.52q-.087.075-.196.137l-.114.057a.454.454 0 0 1-.634-.495l.025-.088q.92-2.273.885-4.464a.75.75 0 0 0-1.499-.023l.004.023q.009.555-.056 1.12l-.066.478l-.042.237l-.068.33l-.102.412l-.043.156q-.256.903-.684 1.833c-.763 1.658-2.079 2.875-3.912 3.634a.75.75 0 0 1-.574-1.387q1.446-.598 2.324-1.621c-1.663-.525-2.63-1.671-2.763-3.27c-.15-1.81.532-3.035 2.26-4.412l.49-.378l.356-.269l.37-.289q1.248-1.011 1.876-1.98c.3-.464 1.001-.47 1.27.02M17 6.001a3 3 0 0 1 2.995 2.823l.005.177v1l1 .017a1 1 0 0 1 .993.879l.008.121v2a1 1 0 0 1-.866.991l-.134.01L20 14v1a3 3 0 0 1-2.824 2.994L17 18H8.243a1 1 0 0 1-.117-1.993L8.243 16h.63l.075-.005l.105-.019C9.796 15.814 12 14.773 12 11.018q0-1.824-.905-4.054a.7.7 0 0 1 .553-.957L11.743 6z"/></svg>
</template>

CSS

.icon-battery-saver-24-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.645%204.361c1.564%202.852%202.359%205.145%202.359%206.72s-.744%202.896-1.466%203.52q-.087.075-.196.137l-.114.057a.454.454%200%200%201-.634-.495l.025-.088q.92-2.273.885-4.464a.75.75%200%200%200-1.499-.023l.004.023q.009.555-.056%201.12l-.066.478l-.042.237l-.068.33l-.102.412l-.043.156q-.256.903-.684%201.833c-.763%201.658-2.079%202.875-3.912%203.634a.75.75%200%200%201-.574-1.387q1.446-.598%202.324-1.621c-1.663-.525-2.63-1.671-2.763-3.27c-.15-1.81.532-3.035%202.26-4.412l.49-.378l.356-.269l.37-.289q1.248-1.011%201.876-1.98c.3-.464%201.001-.47%201.27.02M17%206.001a3%203%200%200%201%202.995%202.823l.005.177v1l1%20.017a1%201%200%200%201%20.993.879l.008.121v2a1%201%200%200%201-.866.991l-.134.01L20%2014v1a3%203%200%200%201-2.824%202.994L17%2018H8.243a1%201%200%200%201-.117-1.993L8.243%2016h.63l.075-.005l.105-.019C9.796%2015.814%2012%2014.773%2012%2011.018q0-1.824-.905-4.054a.7.7%200%200%201%20.553-.957L11.743%206z%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.645%204.361c1.564%202.852%202.359%205.145%202.359%206.72s-.744%202.896-1.466%203.52q-.087.075-.196.137l-.114.057a.454.454%200%200%201-.634-.495l.025-.088q.92-2.273.885-4.464a.75.75%200%200%200-1.499-.023l.004.023q.009.555-.056%201.12l-.066.478l-.042.237l-.068.33l-.102.412l-.043.156q-.256.903-.684%201.833c-.763%201.658-2.079%202.875-3.912%203.634a.75.75%200%200%201-.574-1.387q1.446-.598%202.324-1.621c-1.663-.525-2.63-1.671-2.763-3.27c-.15-1.81.532-3.035%202.26-4.412l.49-.378l.356-.269l.37-.289q1.248-1.011%201.876-1.98c.3-.464%201.001-.47%201.27.02M17%206.001a3%203%200%200%201%202.995%202.823l.005.177v1l1%20.017a1%201%200%200%201%20.993.879l.008.121v2a1%201%200%200%201-.866.991l-.134.01L20%2014v1a3%203%200%200%201-2.824%202.994L17%2018H8.243a1%201%200%200%201-.117-1.993L8.243%2016h.63l.075-.005l.105-.019C9.796%2015.814%2012%2014.773%2012%2011.018q0-1.824-.905-4.054a.7.7%200%200%201%20.553-.957L11.743%206z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/battery-saver-24-filled.svg?color=%231a73e8&size=48