Add icons to this collection by clicking the heart icon.
Battery icon - also known as heart, power, energy, charge, love, battery, electronics, batteries, energies, healthcare and medical, and love and romance. Created in a clean flat gradient style with a pink finish, 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=".402" stop-color="#ffb555" />
<stop offset=".422" stop-color="#ffb450" />
<stop offset=".527" stop-color="#ffb03b" />
<stop offset=".645" stop-color="#ffac2c" />
<stop offset=".784" stop-color="#ffab24" />
<stop offset="1" stop-color="#ffaa21" />
</linearGradient>
<linearGradient
id="c"
x1="23"
x2="41"
y1="5"
y2="5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="15"
x2="49"
y1="36"
y2="36"
gradientUnits="userSpaceOnUse"
>
<stop offset=".318" stop-color="#ffa633" />
<stop offset=".483" stop-color="#ffa11d" />
<stop offset=".688" stop-color="#ff9c08" />
<stop offset=".822" stop-color="#ff9a00" />
</linearGradient>
<linearGradient
id="e"
x1="19"
x2="45"
y1="36"
y2="36"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset=".349" stop-color="#ff3f62" />
<stop offset=".496" stop-color="#f9395c" />
<stop offset=".7" stop-color="#e9274a" />
<stop offset=".937" stop-color="#cf092d" />
<stop offset="1" stop-color="#c70024" />
</linearGradient>
<linearGradient
id="f"
x1="23.115"
x2="40.885"
y1="37"
y2="37"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="28"
x2="36"
y1="20"
y2="20"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="28"
x2="36"
y1="52"
y2="52"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="27"
x2="33"
y1="5"
y2="5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#c)"
d="M39 0H25c-1.103 0-2 .897-2 2v7a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V2c0-1.103-.898-2-2-2z"
/>
<path
fill="url(#d)"
d="M46 8H18c-1.654 0-3 1.346-3 3v50c0 1.654 1.346 3 3 3h28c1.654 0 3-1.346 3-3V11c0-1.654-1.346-3-3-3z"
/>
<path
fill="url(#e)"
d="M44 12H20a1 1 0 0 0-1 1v46a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1V13a1 1 0 0 0-1-1z"
/>
<path
fill="url(#f)"
d="M35.865 29.008a5.316 5.316 0 0 0-3.866 1.358 5.31 5.31 0 0 0-3.864-1.358c-2.858.158-5.016 2.604-5.02 5.69-.008 7.4 8.228 10.14 8.578 10.253a.976.976 0 0 0 .614.001c.351-.113 8.586-2.853 8.578-10.253-.004-3.086-2.162-5.532-5.02-5.691z"
/>
<path
fill="#ffa4b4"
d="M30.489 40.025a.987.987 0 0 1-.562-.174c-1.744-1.191-2.665-2.782-2.662-4.603a1 1 0 0 1 1-.999h.002a1 1 0 0 1 .998 1.001c-.002 1.145.601 2.137 1.789 2.948a1.001 1.001 0 0 1-.565 1.827z"
/>
<path
fill="url(#g)"
d="M35 19h-2v-2a1 1 0 1 0-2 0v2h-2a1 1 0 1 0 0 2h2v2a1 1 0 1 0 2 0v-2h2a1 1 0 1 0 0-2z"
/>
<path fill="url(#h)" d="M35 53h-6a1 1 0 1 1 0-2h6a1 1 0 1 1 0 2z" />
<path fill="url(#i)" d="M32 6h-4a1 1 0 1 1 0-2h4a1 1 0 1 1 0 2z" />
</svg>
More icons in the same style and category