Add icons to this collection by clicking the heart icon.
Battery Level icon - also known as status, battery, charging, ui, battery status, battery level, batteries, half battery, furniture and household, and user interface. 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">
<stop offset="0" stop-color="#00a5e9" />
<stop offset="1" stop-color="#15ffce" />
</linearGradient>
<linearGradient
id="b"
x1="50.435"
x2="50.435"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="44.586"
x2="44.586"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="15.339"
x2="15.339"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="49.704"
x2="49.704"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="43.855"
x2="43.855"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="16.071"
x2="16.071"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="32.887"
x2="32.887"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="27.038"
x2="27.038"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="21.189"
x2="21.189"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="46.78"
x2="46.78"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="29.962"
x2="29.962"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="31.999"
x2="31.999"
y1="58"
y2="6.003"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="49.93"
x2="49.93"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M50.435 37.392a1 1 0 0 0 1-1v-8.773a1 1 0 1 0-2 0v8.773a1 1 0 0 0 1 1z"
/>
<path
fill="url(#c)"
d="M44.586 41.779a1 1 0 0 0 1-1V23.23a1 1 0 1 0-2 0v17.549a1 1 0 0 0 1 1z"
/>
<path
fill="url(#d)"
d="M15.339 41.779a1 1 0 0 0 1-1V23.23a1 1 0 1 0-2 0v17.549a1 1 0 0 0 1 1z"
/>
<path
fill="url(#e)"
d="M48.973 38.854a2.465 2.465 0 0 0 2.462-2.463 1 1 0 1 0-2 0 .463.463 0 0 1-.462.463 1 1 0 1 0 0 2zM48.973 27.155c.255 0 .462.208.462.463a1 1 0 1 0 2 0 2.465 2.465 0 0 0-2.462-2.463 1 1 0 1 0 0 2z"
/>
<path
fill="url(#f)"
d="M43.124 22.769c.255 0 .462.207.462.462a1 1 0 1 0 2 0 2.465 2.465 0 0 0-2.462-2.462 1 1 0 1 0 0 2zM43.124 43.241a2.464 2.464 0 0 0 2.462-2.462 1 1 0 1 0-2 0 .463.463 0 0 1-.462.462 1 1 0 1 0 0 2z"
/>
<path
fill="url(#g)"
d="M16.802 43.241a1 1 0 1 0 0-2 .462.462 0 0 1-.462-.462 1 1 0 1 0-2 0 2.464 2.464 0 0 0 2.462 2.462zM15.339 24.23a1 1 0 0 0 1-1c0-.255.208-.462.462-.462a1 1 0 1 0 0-2 2.464 2.464 0 0 0-2.462 2.462 1 1 0 0 0 1 1z"
/>
<path
fill="url(#h)"
d="M31.887 27.618v8.773a1 1 0 1 0 2 0v-8.773a1 1 0 1 0-2 0z"
/>
<path
fill="url(#i)"
d="M26.038 27.618v8.773a1 1 0 1 0 2 0v-8.773a1 1 0 1 0-2 0z"
/>
<path
fill="url(#j)"
d="M20.188 27.618v8.773a1 1 0 1 0 2 0v-8.773a1 1 0 1 0-2 0z"
/>
<path
fill="url(#k)"
d="M49.973 37.854a1 1 0 0 0-1-1h-4.387a1 1 0 1 0 0 2h4.387a1 1 0 0 0 1-1zM43.586 26.155a1 1 0 0 0 1 1h4.387a1 1 0 1 0 0-2h-4.387a1 1 0 0 0-1 1z"
/>
<path
fill="url(#l)"
d="M16.802 22.769h26.322a1 1 0 1 0 0-2H16.802a1 1 0 1 0 0 2zM43.124 41.241H16.802a1 1 0 1 0 0 2h26.322a1 1 0 1 0 0-2z"
/>
<path
fill="url(#m)"
d="M47.732 51.461a1 1 0 0 0-1.399-.205 24.037 24.037 0 0 1-19.083 4.275c-6.309-1.272-11.926-5.098-15.413-10.495-4.703-7.284-5.067-16.898-.926-24.493 4.164-7.638 12.435-12.54 21.121-12.54l.23.001c8.878.089 17.19 5.271 21.176 13.202 3.915 7.788 3.217 17.43-1.778 24.563a1 1 0 0 0 1.639 1.147c5.41-7.728 6.167-18.172 1.926-26.608-4.317-8.593-13.323-14.207-22.942-14.304-9.475-.068-18.577 5.236-23.127 13.582-4.486 8.229-4.093 18.645 1.002 26.535 3.777 5.848 9.863 9.993 16.697 11.371 1.661.335 3.339.5 5.009.508h.192a26.043 26.043 0 0 0 15.47-5.141.998.998 0 0 0 .206-1.398z"
/>
<path
fill="url(#n)"
d="M49.23 48.72c-.19.18-.3.44-.3.7s.11.52.3.71c.18.189.44.29.71.29a.99.99 0 0 0 .99-1c0-.26-.1-.521-.29-.71-.37-.37-1.04-.36-1.41.01z"
/>
</svg>
More icons in the same style and category