battery charging icon

battery-charging from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: battery-charging
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

battery-charging-outline battery-charging-sharp

The same icon in other sets

battery-chargingAkar Icons battery-chargingBootstrap Icons battery-chargingBoxIcons v2 Solid battery-chargingCarbon battery-chargingFeather Icons battery-chargingHumbleicons battery-chargingIconoir battery-chargingJam Icons battery-chargingLucide battery-chargingMage Icons battery-chargingMaterial Design Icons battery-charging-fillMingCute Icon battery-chargingMyna UI Icons battery-chargingPhosphor battery-chargingPixelarticons battery-chargingTabler Icons battery-chargingTDesign Icons

Related icons in IonIcons

battery-dead battery-empty battery-full battery-half battery-low

Use the battery charging icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M48 322.3V189.7A29.74 29.74 0 0 1 77.7 160h137.44l24.4-32H77.7A61.77 61.77 0 0 0 16 189.7v132.6A61.77 61.77 0 0 0 77.7 384h96.85a22.6 22.6 0 0 1 .26-7.32l.15-.75l.21-.73l6.5-23.2H77.7A29.74 29.74 0 0 1 48 322.3M386.3 128h-98.64a22.7 22.7 0 0 1-.27 7.2l-.15.74l-.21.73l-6.54 23.33H386.3a29.74 29.74 0 0 1 29.7 29.7v132.6a29.74 29.74 0 0 1-29.7 29.7H247l-24.42 32H386.3a61.77 61.77 0 0 0 61.7-61.7V189.7a61.77 61.77 0 0 0-61.7-61.7"/><path fill="currentColor" d="M162.65 294.16a24.37 24.37 0 0 1-21.56-13a25 25 0 0 1 1.42-25.83l.31-.46l.33-.44L197.62 183H89.69a20 20 0 0 0-20 20v106a20 20 0 0 0 20 20h98.42l9.78-34.86Z"/><path fill="currentColor" d="m276.07 280.89l27.07-35.49a5.2 5.2 0 0 0 .77-1.91a5 5 0 0 0 .08-.66a5 5 0 0 0-.08-1.29a5.1 5.1 0 0 0-.68-1.75a4.8 4.8 0 0 0-.78-.95a3.5 3.5 0 0 0-.48-.38a4 4 0 0 0-1.11-.55a4.3 4.3 0 0 0-1.31-.2h-61.62l12.12-43.21l3.23-11.5l6.21-22.16l.51-1.84l7.79-27.76a3.5 3.5 0 0 0 .05-.55v-.16c0-.05 0-.26-.05-.38s0-.09 0-.14a2.2 2.2 0 0 0-.17-.45a4 4 0 0 0-.26-.39l-.09-.1a3 3 0 0 0-.25-.23l-.1-.08a3 3 0 0 0-.39-.24a2 2 0 0 0-.41-.14h-.59a2.3 2.3 0 0 0-.45 0a2 2 0 0 0-.42.15l-.13.07l-.3.21l-.11.1a2.4 2.4 0 0 0-.36.41l-18 23.63l-13.14 17.22l-9.85 12.83l-63.71 83.55a6 6 0 0 0-.44.8a4.8 4.8 0 0 0-.35 1.09a4.7 4.7 0 0 0-.08 1.29a4.86 4.86 0 0 0 2 3.71a5 5 0 0 0 .54.31a4.3 4.3 0 0 0 1.89.43h61.62L194.42 380.6a4 4 0 0 0 0 .56v.15a2.3 2.3 0 0 0 .06.38a.6.6 0 0 0 0 .14a2.2 2.2 0 0 0 .17.45a4 4 0 0 0 .26.38l.09.1l.25.24a.4.4 0 0 1 .1.08a2.2 2.2 0 0 0 .39.23a3 3 0 0 0 .41.14h.13a2 2 0 0 0 .33 0h.13a2.3 2.3 0 0 0 .45-.06a2 2 0 0 0 .41-.16l.13-.07l.3-.21l.11-.09a2.4 2.4 0 0 0 .36-.41L221.82 352l17.53-23Z"/><path fill="currentColor" d="m319.5 256.93l-.46.6L264.51 329h109.8a20 20 0 0 0 20-20V203a20 20 0 0 0-20-20H274.05l-9.74 34.73h35.24A24.35 24.35 0 0 1 321 230.5a25.21 25.21 0 0 1-1 25.79ZM480 202.67a16 16 0 0 0-16 16v74.66a16 16 0 0 0 32 0v-74.66a16 16 0 0 0-16-16"/></svg>

React

import type { SVGProps } from "react";

export function IonBatteryCharging(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M48 322.3V189.7A29.74 29.74 0 0 1 77.7 160h137.44l24.4-32H77.7A61.77 61.77 0 0 0 16 189.7v132.6A61.77 61.77 0 0 0 77.7 384h96.85a22.6 22.6 0 0 1 .26-7.32l.15-.75l.21-.73l6.5-23.2H77.7A29.74 29.74 0 0 1 48 322.3M386.3 128h-98.64a22.7 22.7 0 0 1-.27 7.2l-.15.74l-.21.73l-6.54 23.33H386.3a29.74 29.74 0 0 1 29.7 29.7v132.6a29.74 29.74 0 0 1-29.7 29.7H247l-24.42 32H386.3a61.77 61.77 0 0 0 61.7-61.7V189.7a61.77 61.77 0 0 0-61.7-61.7"/><path fill="currentColor" d="M162.65 294.16a24.37 24.37 0 0 1-21.56-13a25 25 0 0 1 1.42-25.83l.31-.46l.33-.44L197.62 183H89.69a20 20 0 0 0-20 20v106a20 20 0 0 0 20 20h98.42l9.78-34.86Z"/><path fill="currentColor" d="m276.07 280.89l27.07-35.49a5.2 5.2 0 0 0 .77-1.91a5 5 0 0 0 .08-.66a5 5 0 0 0-.08-1.29a5.1 5.1 0 0 0-.68-1.75a4.8 4.8 0 0 0-.78-.95a3.5 3.5 0 0 0-.48-.38a4 4 0 0 0-1.11-.55a4.3 4.3 0 0 0-1.31-.2h-61.62l12.12-43.21l3.23-11.5l6.21-22.16l.51-1.84l7.79-27.76a3.5 3.5 0 0 0 .05-.55v-.16c0-.05 0-.26-.05-.38s0-.09 0-.14a2.2 2.2 0 0 0-.17-.45a4 4 0 0 0-.26-.39l-.09-.1a3 3 0 0 0-.25-.23l-.1-.08a3 3 0 0 0-.39-.24a2 2 0 0 0-.41-.14h-.59a2.3 2.3 0 0 0-.45 0a2 2 0 0 0-.42.15l-.13.07l-.3.21l-.11.1a2.4 2.4 0 0 0-.36.41l-18 23.63l-13.14 17.22l-9.85 12.83l-63.71 83.55a6 6 0 0 0-.44.8a4.8 4.8 0 0 0-.35 1.09a4.7 4.7 0 0 0-.08 1.29a4.86 4.86 0 0 0 2 3.71a5 5 0 0 0 .54.31a4.3 4.3 0 0 0 1.89.43h61.62L194.42 380.6a4 4 0 0 0 0 .56v.15a2.3 2.3 0 0 0 .06.38a.6.6 0 0 0 0 .14a2.2 2.2 0 0 0 .17.45a4 4 0 0 0 .26.38l.09.1l.25.24a.4.4 0 0 1 .1.08a2.2 2.2 0 0 0 .39.23a3 3 0 0 0 .41.14h.13a2 2 0 0 0 .33 0h.13a2.3 2.3 0 0 0 .45-.06a2 2 0 0 0 .41-.16l.13-.07l.3-.21l.11-.09a2.4 2.4 0 0 0 .36-.41L221.82 352l17.53-23Z"/><path fill="currentColor" d="m319.5 256.93l-.46.6L264.51 329h109.8a20 20 0 0 0 20-20V203a20 20 0 0 0-20-20H274.05l-9.74 34.73h35.24A24.35 24.35 0 0 1 321 230.5a25.21 25.21 0 0 1-1 25.79ZM480 202.67a16 16 0 0 0-16 16v74.66a16 16 0 0 0 32 0v-74.66a16 16 0 0 0-16-16"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M48 322.3V189.7A29.74 29.74 0 0 1 77.7 160h137.44l24.4-32H77.7A61.77 61.77 0 0 0 16 189.7v132.6A61.77 61.77 0 0 0 77.7 384h96.85a22.6 22.6 0 0 1 .26-7.32l.15-.75l.21-.73l6.5-23.2H77.7A29.74 29.74 0 0 1 48 322.3M386.3 128h-98.64a22.7 22.7 0 0 1-.27 7.2l-.15.74l-.21.73l-6.54 23.33H386.3a29.74 29.74 0 0 1 29.7 29.7v132.6a29.74 29.74 0 0 1-29.7 29.7H247l-24.42 32H386.3a61.77 61.77 0 0 0 61.7-61.7V189.7a61.77 61.77 0 0 0-61.7-61.7"/><path fill="currentColor" d="M162.65 294.16a24.37 24.37 0 0 1-21.56-13a25 25 0 0 1 1.42-25.83l.31-.46l.33-.44L197.62 183H89.69a20 20 0 0 0-20 20v106a20 20 0 0 0 20 20h98.42l9.78-34.86Z"/><path fill="currentColor" d="m276.07 280.89l27.07-35.49a5.2 5.2 0 0 0 .77-1.91a5 5 0 0 0 .08-.66a5 5 0 0 0-.08-1.29a5.1 5.1 0 0 0-.68-1.75a4.8 4.8 0 0 0-.78-.95a3.5 3.5 0 0 0-.48-.38a4 4 0 0 0-1.11-.55a4.3 4.3 0 0 0-1.31-.2h-61.62l12.12-43.21l3.23-11.5l6.21-22.16l.51-1.84l7.79-27.76a3.5 3.5 0 0 0 .05-.55v-.16c0-.05 0-.26-.05-.38s0-.09 0-.14a2.2 2.2 0 0 0-.17-.45a4 4 0 0 0-.26-.39l-.09-.1a3 3 0 0 0-.25-.23l-.1-.08a3 3 0 0 0-.39-.24a2 2 0 0 0-.41-.14h-.59a2.3 2.3 0 0 0-.45 0a2 2 0 0 0-.42.15l-.13.07l-.3.21l-.11.1a2.4 2.4 0 0 0-.36.41l-18 23.63l-13.14 17.22l-9.85 12.83l-63.71 83.55a6 6 0 0 0-.44.8a4.8 4.8 0 0 0-.35 1.09a4.7 4.7 0 0 0-.08 1.29a4.86 4.86 0 0 0 2 3.71a5 5 0 0 0 .54.31a4.3 4.3 0 0 0 1.89.43h61.62L194.42 380.6a4 4 0 0 0 0 .56v.15a2.3 2.3 0 0 0 .06.38a.6.6 0 0 0 0 .14a2.2 2.2 0 0 0 .17.45a4 4 0 0 0 .26.38l.09.1l.25.24a.4.4 0 0 1 .1.08a2.2 2.2 0 0 0 .39.23a3 3 0 0 0 .41.14h.13a2 2 0 0 0 .33 0h.13a2.3 2.3 0 0 0 .45-.06a2 2 0 0 0 .41-.16l.13-.07l.3-.21l.11-.09a2.4 2.4 0 0 0 .36-.41L221.82 352l17.53-23Z"/><path fill="currentColor" d="m319.5 256.93l-.46.6L264.51 329h109.8a20 20 0 0 0 20-20V203a20 20 0 0 0-20-20H274.05l-9.74 34.73h35.24A24.35 24.35 0 0 1 321 230.5a25.21 25.21 0 0 1-1 25.79ZM480 202.67a16 16 0 0 0-16 16v74.66a16 16 0 0 0 32 0v-74.66a16 16 0 0 0-16-16"/></svg>
</template>

CSS

.icon-battery-charging {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M48%20322.3V189.7A29.74%2029.74%200%200%201%2077.7%20160h137.44l24.4-32H77.7A61.77%2061.77%200%200%200%2016%20189.7v132.6A61.77%2061.77%200%200%200%2077.7%20384h96.85a22.6%2022.6%200%200%201%20.26-7.32l.15-.75l.21-.73l6.5-23.2H77.7A29.74%2029.74%200%200%201%2048%20322.3M386.3%20128h-98.64a22.7%2022.7%200%200%201-.27%207.2l-.15.74l-.21.73l-6.54%2023.33H386.3a29.74%2029.74%200%200%201%2029.7%2029.7v132.6a29.74%2029.74%200%200%201-29.7%2029.7H247l-24.42%2032H386.3a61.77%2061.77%200%200%200%2061.7-61.7V189.7a61.77%2061.77%200%200%200-61.7-61.7%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M162.65%20294.16a24.37%2024.37%200%200%201-21.56-13a25%2025%200%200%201%201.42-25.83l.31-.46l.33-.44L197.62%20183H89.69a20%2020%200%200%200-20%2020v106a20%2020%200%200%200%2020%2020h98.42l9.78-34.86Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m276.07%20280.89l27.07-35.49a5.2%205.2%200%200%200%20.77-1.91a5%205%200%200%200%20.08-.66a5%205%200%200%200-.08-1.29a5.1%205.1%200%200%200-.68-1.75a4.8%204.8%200%200%200-.78-.95a3.5%203.5%200%200%200-.48-.38a4%204%200%200%200-1.11-.55a4.3%204.3%200%200%200-1.31-.2h-61.62l12.12-43.21l3.23-11.5l6.21-22.16l.51-1.84l7.79-27.76a3.5%203.5%200%200%200%20.05-.55v-.16c0-.05%200-.26-.05-.38s0-.09%200-.14a2.2%202.2%200%200%200-.17-.45a4%204%200%200%200-.26-.39l-.09-.1a3%203%200%200%200-.25-.23l-.1-.08a3%203%200%200%200-.39-.24a2%202%200%200%200-.41-.14h-.59a2.3%202.3%200%200%200-.45%200a2%202%200%200%200-.42.15l-.13.07l-.3.21l-.11.1a2.4%202.4%200%200%200-.36.41l-18%2023.63l-13.14%2017.22l-9.85%2012.83l-63.71%2083.55a6%206%200%200%200-.44.8a4.8%204.8%200%200%200-.35%201.09a4.7%204.7%200%200%200-.08%201.29a4.86%204.86%200%200%200%202%203.71a5%205%200%200%200%20.54.31a4.3%204.3%200%200%200%201.89.43h61.62L194.42%20380.6a4%204%200%200%200%200%20.56v.15a2.3%202.3%200%200%200%20.06.38a.6.6%200%200%200%200%20.14a2.2%202.2%200%200%200%20.17.45a4%204%200%200%200%20.26.38l.09.1l.25.24a.4.4%200%200%201%20.1.08a2.2%202.2%200%200%200%20.39.23a3%203%200%200%200%20.41.14h.13a2%202%200%200%200%20.33%200h.13a2.3%202.3%200%200%200%20.45-.06a2%202%200%200%200%20.41-.16l.13-.07l.3-.21l.11-.09a2.4%202.4%200%200%200%20.36-.41L221.82%20352l17.53-23Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m319.5%20256.93l-.46.6L264.51%20329h109.8a20%2020%200%200%200%2020-20V203a20%2020%200%200%200-20-20H274.05l-9.74%2034.73h35.24A24.35%2024.35%200%200%201%20321%20230.5a25.21%2025.21%200%200%201-1%2025.79ZM480%20202.67a16%2016%200%200%200-16%2016v74.66a16%2016%200%200%200%2032%200v-74.66a16%2016%200%200%200-16-16%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M48%20322.3V189.7A29.74%2029.74%200%200%201%2077.7%20160h137.44l24.4-32H77.7A61.77%2061.77%200%200%200%2016%20189.7v132.6A61.77%2061.77%200%200%200%2077.7%20384h96.85a22.6%2022.6%200%200%201%20.26-7.32l.15-.75l.21-.73l6.5-23.2H77.7A29.74%2029.74%200%200%201%2048%20322.3M386.3%20128h-98.64a22.7%2022.7%200%200%201-.27%207.2l-.15.74l-.21.73l-6.54%2023.33H386.3a29.74%2029.74%200%200%201%2029.7%2029.7v132.6a29.74%2029.74%200%200%201-29.7%2029.7H247l-24.42%2032H386.3a61.77%2061.77%200%200%200%2061.7-61.7V189.7a61.77%2061.77%200%200%200-61.7-61.7%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M162.65%20294.16a24.37%2024.37%200%200%201-21.56-13a25%2025%200%200%201%201.42-25.83l.31-.46l.33-.44L197.62%20183H89.69a20%2020%200%200%200-20%2020v106a20%2020%200%200%200%2020%2020h98.42l9.78-34.86Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m276.07%20280.89l27.07-35.49a5.2%205.2%200%200%200%20.77-1.91a5%205%200%200%200%20.08-.66a5%205%200%200%200-.08-1.29a5.1%205.1%200%200%200-.68-1.75a4.8%204.8%200%200%200-.78-.95a3.5%203.5%200%200%200-.48-.38a4%204%200%200%200-1.11-.55a4.3%204.3%200%200%200-1.31-.2h-61.62l12.12-43.21l3.23-11.5l6.21-22.16l.51-1.84l7.79-27.76a3.5%203.5%200%200%200%20.05-.55v-.16c0-.05%200-.26-.05-.38s0-.09%200-.14a2.2%202.2%200%200%200-.17-.45a4%204%200%200%200-.26-.39l-.09-.1a3%203%200%200%200-.25-.23l-.1-.08a3%203%200%200%200-.39-.24a2%202%200%200%200-.41-.14h-.59a2.3%202.3%200%200%200-.45%200a2%202%200%200%200-.42.15l-.13.07l-.3.21l-.11.1a2.4%202.4%200%200%200-.36.41l-18%2023.63l-13.14%2017.22l-9.85%2012.83l-63.71%2083.55a6%206%200%200%200-.44.8a4.8%204.8%200%200%200-.35%201.09a4.7%204.7%200%200%200-.08%201.29a4.86%204.86%200%200%200%202%203.71a5%205%200%200%200%20.54.31a4.3%204.3%200%200%200%201.89.43h61.62L194.42%20380.6a4%204%200%200%200%200%20.56v.15a2.3%202.3%200%200%200%20.06.38a.6.6%200%200%200%200%20.14a2.2%202.2%200%200%200%20.17.45a4%204%200%200%200%20.26.38l.09.1l.25.24a.4.4%200%200%201%20.1.08a2.2%202.2%200%200%200%20.39.23a3%203%200%200%200%20.41.14h.13a2%202%200%200%200%20.33%200h.13a2.3%202.3%200%200%200%20.45-.06a2%202%200%200%200%20.41-.16l.13-.07l.3-.21l.11-.09a2.4%202.4%200%200%200%20.36-.41L221.82%20352l17.53-23Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m319.5%20256.93l-.46.6L264.51%20329h109.8a20%2020%200%200%200%2020-20V203a20%2020%200%200%200-20-20H274.05l-9.74%2034.73h35.24A24.35%2024.35%200%200%201%20321%20230.5a25.21%2025.21%200%200%201-1%2025.79ZM480%20202.67a16%2016%200%200%200-16%2016v74.66a16%2016%200%200%200%2032%200v-74.66a16%2016%200%200%200-16-16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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