battery charging icon

battery-charging-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.

Name
battery-charging-filled
Set
Reicon
Style
Filled
Category
Newicons
Viewbox
24×24
License
MIT

1 other variant in Reicon

The same icon in other sets

All battery charging icons →

More newicons icons from Reicon

Use the battery charging icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.42 9c-.14-.01-.32-.02-.52-.02c-.39 0-.7.31-.7.7v4.65c0 .39.31.7.7.7c.2 0 .37-.01.54-.02C22 14.83 22 13.73 22 12.93v-1.86c0-.8 0-1.9-1.58-2.07m-7.49-4.21H7.35C3.25 4.79 2 6.04 2 10.14v3.72c0 4.1 1.25 5.35 5.35 5.35h5.58c4.1 0 5.35-1.25 5.35-5.35v-3.72c0-4.1-1.25-5.35-5.35-5.35m-.4 8.89c-.02.04-.05.08-.08.11l-1.87 2.19c-.15.17-.36.26-.57.26c-.17 0-.35-.06-.49-.18A.756.756 0 0 1 9.44 15l1.8-2.11c.01-.03 0-.06-.02-.09c-.02-.04-.06-.06-.11-.06H9.12c-.59 0-1.11-.3-1.41-.81c-.29-.51-.29-1.11 0-1.62l1.71-2.26a.75.75 0 0 1 1.2.9l-1.65 2.19c.03-.04.03 0 .05.05c.02.04.06.06.11.06h2.01c.59 0 1.11.3 1.41.81c.27.51.27 1.11-.02 1.62"/></svg>

React

import type { SVGProps } from "react";

export function ReiconBatteryChargingFilled(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="M20.42 9c-.14-.01-.32-.02-.52-.02c-.39 0-.7.31-.7.7v4.65c0 .39.31.7.7.7c.2 0 .37-.01.54-.02C22 14.83 22 13.73 22 12.93v-1.86c0-.8 0-1.9-1.58-2.07m-7.49-4.21H7.35C3.25 4.79 2 6.04 2 10.14v3.72c0 4.1 1.25 5.35 5.35 5.35h5.58c4.1 0 5.35-1.25 5.35-5.35v-3.72c0-4.1-1.25-5.35-5.35-5.35m-.4 8.89c-.02.04-.05.08-.08.11l-1.87 2.19c-.15.17-.36.26-.57.26c-.17 0-.35-.06-.49-.18A.756.756 0 0 1 9.44 15l1.8-2.11c.01-.03 0-.06-.02-.09c-.02-.04-.06-.06-.11-.06H9.12c-.59 0-1.11-.3-1.41-.81c-.29-.51-.29-1.11 0-1.62l1.71-2.26a.75.75 0 0 1 1.2.9l-1.65 2.19c.03-.04.03 0 .05.05c.02.04.06.06.11.06h2.01c.59 0 1.11.3 1.41.81c.27.51.27 1.11-.02 1.62"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.42 9c-.14-.01-.32-.02-.52-.02c-.39 0-.7.31-.7.7v4.65c0 .39.31.7.7.7c.2 0 .37-.01.54-.02C22 14.83 22 13.73 22 12.93v-1.86c0-.8 0-1.9-1.58-2.07m-7.49-4.21H7.35C3.25 4.79 2 6.04 2 10.14v3.72c0 4.1 1.25 5.35 5.35 5.35h5.58c4.1 0 5.35-1.25 5.35-5.35v-3.72c0-4.1-1.25-5.35-5.35-5.35m-.4 8.89c-.02.04-.05.08-.08.11l-1.87 2.19c-.15.17-.36.26-.57.26c-.17 0-.35-.06-.49-.18A.756.756 0 0 1 9.44 15l1.8-2.11c.01-.03 0-.06-.02-.09c-.02-.04-.06-.06-.11-.06H9.12c-.59 0-1.11-.3-1.41-.81c-.29-.51-.29-1.11 0-1.62l1.71-2.26a.75.75 0 0 1 1.2.9l-1.65 2.19c.03-.04.03 0 .05.05c.02.04.06.06.11.06h2.01c.59 0 1.11.3 1.41.81c.27.51.27 1.11-.02 1.62"/></svg>
</template>

CSS

.icon-battery-charging-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%22M20.42%209c-.14-.01-.32-.02-.52-.02c-.39%200-.7.31-.7.7v4.65c0%20.39.31.7.7.7c.2%200%20.37-.01.54-.02C22%2014.83%2022%2013.73%2022%2012.93v-1.86c0-.8%200-1.9-1.58-2.07m-7.49-4.21H7.35C3.25%204.79%202%206.04%202%2010.14v3.72c0%204.1%201.25%205.35%205.35%205.35h5.58c4.1%200%205.35-1.25%205.35-5.35v-3.72c0-4.1-1.25-5.35-5.35-5.35m-.4%208.89c-.02.04-.05.08-.08.11l-1.87%202.19c-.15.17-.36.26-.57.26c-.17%200-.35-.06-.49-.18A.756.756%200%200%201%209.44%2015l1.8-2.11c.01-.03%200-.06-.02-.09c-.02-.04-.06-.06-.11-.06H9.12c-.59%200-1.11-.3-1.41-.81c-.29-.51-.29-1.11%200-1.62l1.71-2.26a.75.75%200%200%201%201.2.9l-1.65%202.19c.03-.04.03%200%20.05.05c.02.04.06.06.11.06h2.01c.59%200%201.11.3%201.41.81c.27.51.27%201.11-.02%201.62%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%22M20.42%209c-.14-.01-.32-.02-.52-.02c-.39%200-.7.31-.7.7v4.65c0%20.39.31.7.7.7c.2%200%20.37-.01.54-.02C22%2014.83%2022%2013.73%2022%2012.93v-1.86c0-.8%200-1.9-1.58-2.07m-7.49-4.21H7.35C3.25%204.79%202%206.04%202%2010.14v3.72c0%204.1%201.25%205.35%205.35%205.35h5.58c4.1%200%205.35-1.25%205.35-5.35v-3.72c0-4.1-1.25-5.35-5.35-5.35m-.4%208.89c-.02.04-.05.08-.08.11l-1.87%202.19c-.15.17-.36.26-.57.26c-.17%200-.35-.06-.49-.18A.756.756%200%200%201%209.44%2015l1.8-2.11c.01-.03%200-.06-.02-.09c-.02-.04-.06-.06-.11-.06H9.12c-.59%200-1.11-.3-1.41-.81c-.29-.51-.29-1.11%200-1.62l1.71-2.26a.75.75%200%200%201%201.2.9l-1.65%202.19c.03-.04.03%200%20.05.05c.02.04.06.06.11.06h2.01c.59%200%201.11.3%201.41.81c.27.51.27%201.11-.02%201.62%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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