Battery Icon

Free SVG icon from the Arcticons collection. Download or copy for use in any project.

Collection: Arcticons
Format: SVG, PNG
License: CC BY-SA 4.0 - Free for commercial use
Tags: battery power charge energy device

The Battery icon is commonly used in device status bars and IoT dashboards. Available as a free SVG - copy the code or download directly.

img tag

<img src="https://proicons.com/icon/322416.svg" alt="Battery icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/322416.svg" alt="Battery icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/322416.svg"
  alt="Battery icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-battery {
  background-image: url('https://proicons.com/icon/322416.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.a{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path class="a" d="M20.5,4.5h6.67a1,1,0,0,1,1,1v3H32.8a2,2,0,0,1,2,2v31a2,2,0,0,1-2,2H15.19a2,2,0,0,1-2-2v-31a2,2,0,0,1,2-2H19.5v-3A1,1,0,0,1,20.5,4.5Z"/><line class="a" x1="13.19" y1="36.5" x2="34.8" y2="36.5"/><line class="a" x1="19.5" y1="8.5" x2="28.17" y2="8.5"/></svg>