Add icons to this collection by clicking the heart icon.
Battery icon - also known as warning, battery, low, ui, and battery status. 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 28 28"
>
<linearGradient
id="a"
x1="-.819"
x2="23.684"
y1="28.384"
y2="2.757"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="-7.562"
x2="16.941"
y1="21.937"
y2="-3.69"
href="#a"
/>
<linearGradient
id="c"
x1="3.099"
x2="27.602"
y1="32.13"
y2="6.503"
href="#a"
/>
<linearGradient
id="d"
x1="2.523"
x2="27.027"
y1="31.579"
y2="5.951"
href="#a"
/>
<linearGradient
id="e"
x1="4.183"
x2="28.686"
y1="33.167"
y2="7.54"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M19 23a1 1 0 0 0-1 1 1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h11a1 1 0 0 1 1 1 1 1 0 0 0 2 0 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3v17a3 3 0 0 0 3 3h11a3 3 0 0 0 3-3 1 1 0 0 0-1-1z"
/>
<path fill="url(#b)" d="M9 3h5a1 1 0 0 0 0-2H9a1 1 0 0 0 0 2z" />
<path
fill="url(#c)"
d="M19 9.5a6 6 0 1 0 6 6 6.006 6.006 0 0 0-6-6zm0 10a4 4 0 1 1 4-4 4 4 0 0 1-4 4z"
/>
<path
fill="url(#d)"
d="M19 12.5a1 1 0 0 0-1 1v1.692a1 1 0 0 0 2 0V13.5a1 1 0 0 0-1-1z"
/>
<circle cx="19" cy="17.67" r="1" fill="url(#e)" />
</g>
</svg>
More icons in the same style and category