Preview Sizes
battery SVG Icon
High-quality battery SVG icon for web design and development projects. Free to download and use in your projects.
Want to customize this icon? Edit with svgia.com - our powerful online SVG editor!
SVG Code
<?xml version="1.0" encoding="utf-8"?>
<svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<rect id="battery-a" width="3" height="10"/>
<path id="battery-c" d="M15,2 L4,2 L4,10 L15,10 L15,2 Z M17,2 L17,10 L20,10 L20,2 L17,2 Z M2,9 L0.5,9 C0.223857625,9 3.38176876e-17,8.77614237 0,8.5 L0,3.5 C-3.38176876e-17,3.22385763 0.223857625,3 0.5,3 L2,3 L2,2 C2,0.8954305 2.8954305,0 4,0 L20,0 C21.1045695,0 22,0.8954305 22,2 L22,10 C22,11.1045695 21.1045695,12 20,12 L4,12 C2.8954305,12 2,11.1045695 2,10 L2,9 Z"/>
</defs>
<g fill="none" fill-rule="evenodd" transform="translate(1 6)">
<g transform="translate(18 1)">
<mask id="battery-b" fill="#ffffff">
<use xlink:href="#battery-a"/>
</mask>
<use fill="#D8D8D8" xlink:href="#battery-a"/>
<g fill="#FFA0A0" mask="url(#battery-b)">
<rect width="24" height="24" transform="translate(-19 -7)"/>
</g>
</g>
<mask id="battery-d" fill="#ffffff">
<use xlink:href="#battery-c"/>
</mask>
<use fill="#000000" fill-rule="nonzero" xlink:href="#battery-c"/>
<g fill="#7600FF" mask="url(#battery-d)">
<rect width="24" height="24" transform="translate(-1 -6)"/>
</g>
</g>
</svg>
