Add icons to this collection by clicking the heart icon.
Battery icon - also known as technology, power, energy, battery, charging, and electronics. 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 512 512"
>
<linearGradient
id="c"
x1="74.981"
x2="437.02"
y1="437.019"
y2="74.98"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#230be0" />
<stop offset="1" stop-color="#fc54ff" />
</linearGradient>
<radialGradient
id="d"
cx="256.001"
cy="256"
r="258.6"
gradientUnits="userSpaceOnUse"
>
<stop offset=".095" stop-color="#8d00db" stop-opacity=".66" />
<stop offset=".282" stop-color="#9f0de1" stop-opacity=".523" />
<stop offset=".654" stop-color="#cc30f0" stop-opacity=".252" />
<stop offset="1" stop-color="#fc54ff" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#fc54ff" />
<stop offset=".406" stop-color="#fd9bff" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="e"
x1="-182.826"
x2="574.005"
y1="768.341"
y2="11.511"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-22.662"
x2="537.665"
y1="424.034"
y2="-136.292"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-80.993"
x2="580.1"
y1="572.19"
y2="-88.902"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-234.467"
x2="460.049"
y1="896.321"
y2="201.805"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#364aff" />
<stop offset="1" stop-color="#fc54ff" />
</linearGradient>
<linearGradient
id="i"
x1="238.824"
x2="384.744"
y1="515.777"
y2="369.857"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="194.584"
x2="339.058"
y1="515.959"
y2="371.485"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="106.968"
x2="247.381"
y1="512.958"
y2="372.546"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="99.478"
x2="702.079"
y1="472.941"
y2="-129.66"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="145.23"
x2="753.312"
y1="322.109"
y2="-285.973"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="74.339"
x2="679.687"
y1="362.016"
y2="-243.332"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="256" cy="256" r="256" fill="url(#c)" />
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<path
fill="url(#e)"
d="M361 74.222c-20-1.037-40-1.778-60-2.222 1.375 112.445 1.49 224.889.344 337.333A2475.06 2475.06 0 0 0 392.032 406c3.125-100 3.125-200 0-300-.541-16.53-14.491-30.891-31.032-31.778z"
/>
<path
fill="url(#f)"
d="M151 74.222c-16.541.887-30.491 15.248-31.031 31.778-3.125 100-3.125 200 0 300a2478.51 2478.51 0 0 0 60.458 2.593A8940.794 8940.794 0 0 1 181 72.889c-10 .371-20 .815-30 1.333z"
/>
<path
fill="url(#g)"
d="M301 72c-40-.889-80-.592-120 .889-16.541.634-30.376 14.929-30.802 31.63 19.181 39.531 39.306 80 59.708 120.815-20.569 40.963-41.083 81.679-60.875 121.556.292 20.198.681 40.395 1.167 60.593a2467.93 2467.93 0 0 0 181.375 1.111 8942.46 8942.46 0 0 0 0-305.185C331.262 86.575 317.542 72.38 301 72z"
/>
<path
fill="url(#h)"
d="M362.458 377.185a3123.06 3123.06 0 0 1-212.917 0c-16.814-.538-30.111 12.279-29.573 28.815.54 16.53 14.49 30.891 31.031 31.778 70 3.63 140 3.63 210 0C377.54 436.89 391.49 422.53 392.03 406c.539-16.536-12.758-29.354-29.572-28.815z"
/>
<path
fill="url(#i)"
d="M361.419 422.63c-10.04.475-20.08.883-30.12 1.222.191-10.173.365-20.346.521-30.519 10.109-.278 20.219-.611 30.328-1a6124.713 6124.713 0 0 1-.729 30.297z"
/>
<path
fill="url(#j)"
d="M316.24 424.31c-10.04.272-20.08.475-30.12.611.076-10.238.146-20.475.208-30.713 10.109-.111 20.219-.278 30.328-.5-.125 10.201-.264 20.402-.416 30.602z"
/>
<path
fill="url(#k)"
d="M225.88 424.921c-10.04-.136-20.08-.34-30.12-.611a11151.71 11151.71 0 0 1-.417-30.602c10.109.222 20.219.389 30.328.5.063 10.238.133 20.476.209 30.713z"
/>
<path
fill="url(#l)"
d="M361.802 104.519a2481.445 2481.445 0 0 0-30.229-1.111C307.076 143.327 281.608 184.25 256 225.25c25.608 41 51.354 82.077 76.406 122.306 10.188-.185 20.375-.407 30.563-.667 1.166-80.79.778-161.58-1.167-242.37z"
/>
<path
fill="url(#m)"
d="M180.427 103.407c-10.076.309-20.153.679-30.229 1.111a6296.967 6296.967 0 0 0-1.167 242.37 4203.357 4203.357 0 0 0 183.375.667c.313-30.519.469-61.037.469-91.556-51.25-50.863-102.934-103.271-152.448-152.592z"
/>
<path
fill="url(#n)"
d="M180.427 103.407C178.769 187.22 247.944 255.872 332.875 256c0-50.864-.434-101.728-1.302-152.593a2468.186 2468.186 0 0 0-151.146 0z"
/>
</svg>
More icons in the same style and category