Add icons to this collection by clicking the heart icon.
Battery icon - also known as interface, level, energy, status, progress, battery, low, and electronics. Created in a clean lineal color style with a white, teal, and navy finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M384 64h-42.667V10.679C341.333 4.776 337.27 0 331.375 0H181.333c-5.896 0-10.667 4.777-10.667 10.679V64H128c-23.521 0-42.667 18.62-42.667 42.18v363.103C85.333 492.842 104.479 512 128 512h256c23.521 0 42.667-19.158 42.667-42.718V106.18C426.667 82.62 407.521 64 384 64z"
fill="#303c42"
/>
<path d="M192 21.333h128V64H192z" fill="#f2f2f2" />
<path
d="M405.333 469.333c0 11.76-9.563 21.333-21.333 21.333H128c-11.771 0-21.333-9.573-21.333-21.333V106.667c0-11.76 9.563-21.333 21.333-21.333h256c11.771 0 21.333 9.573 21.333 21.333v362.666z"
fill="#e6e6e6"
/>
<path
d="M373.333 362.667H138.667A10.66 10.66 0 0 0 128 373.334v85.333a10.66 10.66 0 0 0 10.667 10.667h234.667a10.66 10.66 0 0 0 10.667-10.667v-85.333a10.662 10.662 0 0 0-10.668-10.667z"
fill="#303c42"
/>
<path d="M149.333 384h213.333v64H149.333z" fill="#01579b" />
<path d="M149.333 384h32v64h-32z" opacity=".2" fill="#fff" />
<path d="M330.667 384h32v64h-32z" opacity=".1" />
<linearGradient
id="a"
x1="-44.383"
x2="-24.383"
y1="638.344"
y2="629.018"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M384 64h-42.667V10.679C341.333 4.776 337.27 0 331.375 0H181.333c-5.896 0-10.667 4.777-10.667 10.679V64H128c-23.521 0-42.667 18.62-42.667 42.18v363.103C85.333 492.842 104.479 512 128 512h256c23.521 0 42.667-19.158 42.667-42.718V106.18C426.667 82.62 407.521 64 384 64z"
fill="url(#a)"
/>
</svg>
More icons in the same style and category