Add icons to this collection by clicking the heart icon.
Full Battery icon - also known as technology, battery, battery status, battery level, electronics, and full battery. 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-44.759"
x2="11.684"
y1="615.969"
y2="615.969"
gradientTransform="matrix(10.6667 0 0 -10.6667 473.667 6826.333)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".359" stop-color="#ed683c" />
<stop offset=".702" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M256 0C114.615 0 0 114.615 0 256s114.615 256 256 256 256-114.615 256-256C511.835 114.683 397.317.165 256 0zm0 490.667C126.397 490.667 21.333 385.603 21.333 256S126.397 21.333 256 21.333 490.667 126.397 490.667 256C490.52 385.542 385.542 490.52 256 490.667z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-44.759"
x2="11.684"
y1="615.969"
y2="615.969"
gradientTransform="matrix(10.6667 0 0 -10.6667 473.667 6826.333)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".359" stop-color="#ed683c" />
<stop offset=".702" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M330.667 117.333h-32v-32c0-5.891-4.776-10.667-10.667-10.667h-64c-5.891 0-10.667 4.776-10.667 10.667v32h-32c-5.891 0-10.667 4.776-10.667 10.667v298.667c0 5.891 4.776 10.667 10.667 10.667h149.333c5.891 0 10.667-4.776 10.667-10.667V128c0-5.891-4.775-10.667-10.666-10.667zm-96-21.333h42.667v21.333h-42.667V96zM320 416H192V138.667h128V416z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-44.759"
x2="11.684"
y1="603.969"
y2="603.969"
gradientTransform="matrix(10.6667 0 0 -10.6667 473.667 6826.333)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".359" stop-color="#ed683c" />
<stop offset=".702" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M213.333 373.333h85.333v21.333h-85.333v-21.333z" fill="url(#c)" />
<linearGradient
id="d"
x1="-44.759"
x2="11.684"
y1="607.969"
y2="607.969"
gradientTransform="matrix(10.6667 0 0 -10.6667 473.667 6826.333)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".359" stop-color="#ed683c" />
<stop offset=".702" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M213.333 330.667h85.333V352h-85.333v-21.333z" fill="url(#d)" />
<linearGradient
id="e"
x1="-44.759"
x2="11.684"
y1="611.969"
y2="611.969"
gradientTransform="matrix(10.6667 0 0 -10.6667 473.667 6826.333)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".359" stop-color="#ed683c" />
<stop offset=".702" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M213.333 288h85.333v21.333h-85.333V288z" fill="url(#e)" />
<linearGradient
id="f"
x1="-44.759"
x2="11.684"
y1="615.969"
y2="615.969"
gradientTransform="matrix(10.6667 0 0 -10.6667 473.667 6826.333)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".359" stop-color="#ed683c" />
<stop offset=".702" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M213.333 245.333h85.333v21.333h-85.333v-21.333z" fill="url(#f)" />
<linearGradient
id="g"
x1="-44.759"
x2="11.684"
y1="619.969"
y2="619.969"
gradientTransform="matrix(10.6667 0 0 -10.6667 473.667 6826.333)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".359" stop-color="#ed683c" />
<stop offset=".702" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M213.333 202.667h85.333V224h-85.333v-21.333z" fill="url(#g)" />
<linearGradient
id="h"
x1="-44.759"
x2="11.684"
y1="623.969"
y2="623.969"
gradientTransform="matrix(10.6667 0 0 -10.6667 473.667 6826.333)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".359" stop-color="#ed683c" />
<stop offset=".702" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M213.333 160h85.333v21.333h-85.333V160z" fill="url(#h)" />
</svg>
More icons in the same style and category