Add icons to this collection by clicking the heart icon.
Battery icon - also known as leaf, energy, battery, sustainability, leaves, environment, eco, ecology, electronics, eco friendly, green energy, ecology and environment, save energy, and rechargeable. Created in a clean lineal 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="490pt"
height="490pt"
viewBox="-119 0 490 490.983"
>
<linearGradient id="a">
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-187.027"
x2="344.253"
y1="437.487"
y2="-93.793"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-129.475"
x2="401.805"
y1="495.031"
y2="-36.249"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-139.027"
x2="392.253"
y1="485.487"
y2="-45.793"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-111.027"
x2="420.253"
y1="513.487"
y2="-17.793"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-83.027"
x2="448.253"
y1="541.487"
y2="10.207"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-55.027"
x2="476.253"
y1="569.487"
y2="38.207"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-27.027"
x2="504.253"
y1="597.487"
y2="66.207"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M199.477 58.984a8.001 8.001 0 0 0 5.656-2.343l8-8a8.012 8.012 0 0 0 2.183-7.782 8.001 8.001 0 0 0-13.496-3.531l-8 8a8 8 0 0 0 5.656 13.656zm0 0"
/>
<path
fill="url(#c)"
d="M231.477 170.984h-48v-24a8 8 0 0 0-8-8h-40v-25.09c.464.543.87 1.145 1.382 1.657a30.392 30.392 0 0 0 22.243 8.215c19.093 0 43.847-12.07 65.441-33.672 30.293-30.309 27.91-80.344 27.789-82.461a8 8 0 0 0-7.543-7.547c-2.113-.11-52.176-2.512-82.473 27.785a124.77 124.77 0 0 0-30.48 46.586 69.123 69.123 0 0 0-2.285 8.941 6.453 6.453 0 0 0-6.16.872A112.407 112.407 0 0 0 90.59 27.87C60.277-2.434 10.238-.023 8.125.086A8 8 0 0 0 .582 7.633C.461 9.75-1.93 59.8 28.363 90.093c21.602 21.602 46.348 33.673 65.45 33.673a30.406 30.406 0 0 0 22.234-8.215 25.774 25.774 0 0 0 3.43-4.375v27.808h-40a8 8 0 0 0-8 8v24h-48a8 8 0 0 0-8 8v304a8 8 0 0 0 8 8h208a8 8 0 0 0 8-8v-304a8 8 0 0 0-8-8zM16.62 16.13c13.922.59 43.77 4.168 62.656 23.055 23.2 23.199 32.391 48.214 28.192 60.48L73.133 65.328A8 8 0 0 0 61.82 76.641l31.282 31.277c-13.418-.184-34.024-9.734-53.426-29.133C20.789 59.887 17.215 30.047 16.62 16.13zM147.02 79.512a108.437 108.437 0 0 1 26.617-40.328c18.894-18.895 48.761-22.473 62.672-23.063-.567 13.895-4.106 43.688-23.079 62.664-22.257 22.27-46.113 31.582-58.855 28.613l30.758-30.757a8 8 0 0 0-11.313-11.313l-29.27 29.27a41.61 41.61 0 0 1 2.47-15.086zm-59.543 75.472h80v16h-80zm136 320h-192v-288h192zm0 0"
/>
<path
fill="url(#d)"
d="M39.477 202.984v32a8 8 0 0 0 8 8h160a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-160a8 8 0 0 0-8 8zm16 8h144v16h-144zm0 0"
/>
<path
fill="url(#e)"
d="M207.477 250.984h-160a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h160a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32h-144v-16h144zm0 0"
/>
<path
fill="url(#f)"
d="M207.477 306.984h-160a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h160a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32h-144v-16h144zm0 0"
/>
<path
fill="url(#g)"
d="M207.477 362.984h-160a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h160a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32h-144v-16h144zm0 0"
/>
<path
fill="url(#h)"
d="M207.477 418.984h-160a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h160a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32h-144v-16h144zm0 0"
/>
</svg>
More icons in the same style and category