Add icons to this collection by clicking the heart icon.
Battery icon - also known as button, electronic, power, energy, charge, battery, and ui. Created in a clean gradient style, 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="66.779"
y2="5.467"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="31" x2="31" y1="66.779" y2="5.467" href="#a" />
<linearGradient
id="c"
x1="16.5"
x2="16.5"
y1="66.779"
y2="5.467"
href="#a"
/>
<linearGradient
id="d"
x1="34.5"
x2="34.5"
y1="66.779"
y2="5.467"
href="#a"
/>
<path
fill="url(#a)"
d="M32 62a30 30 0 1 1 30-30 30.034 30.034 0 0 1-30 30zm0-58a28 28 0 1 0 28 28A28.032 28.032 0 0 0 32 4z"
/>
<path
fill="url(#b)"
d="M30 8.079a1 1 0 0 1-.078-2A28.251 28.251 0 0 1 32 6a1 1 0 0 1 0 2c-.638 0-1.284.025-1.921.076z"
/>
<path
fill="url(#c)"
d="M7 33a1 1 0 0 1-1-1A25.953 25.953 0 0 1 25.76 6.757a1 1 0 1 1 .48 1.943A23.959 23.959 0 0 0 8 32a1 1 0 0 1-1 1z"
/>
<path
fill="url(#d)"
d="M52 28h-3v-2a3.009 3.009 0 0 0-3-3H33v-7a1 1 0 0 0-1.9-.43L27.58 23H19a3.009 3.009 0 0 0-3 3v12a3.009 3.009 0 0 0 3 3h12v7a1 1 0 0 0 .78.98A1.635 1.635 0 0 0 32 49a.993.993 0 0 0 .9-.57L36.42 41H46a3.009 3.009 0 0 0 3-3v-2h3a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zM31 39H19a1 1 0 0 1-1-1V26a1 1 0 0 1 1-1h7.63l-4.53 9.57a.968.968 0 0 0 .06.96A1 1 0 0 0 23 36h8zm2 4.55V35a1 1 0 0 0-1-1h-7.42L31 20.45V29a1 1 0 0 0 1 1h7.42zM47 38a1 1 0 0 1-1 1h-8.63l4.53-9.57a.968.968 0 0 0-.06-.96A1 1 0 0 0 41 28h-8v-3h13a1 1 0 0 1 1 1zm4-4h-2v-4h2z"
/>
</svg>
More icons in the same style and category