Add icons to this collection by clicking the heart icon.
Lithium icon - also known as battery, electronics, and ion. 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="d"
x1="74.98"
x2="437.019"
y1="437.018"
y2="74.98"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#008a4c" />
<stop offset="1" stop-color="#d3ff33" />
</linearGradient>
<radialGradient
id="e"
cx="-7935.445"
cy="-5179.924"
r="256"
gradientTransform="matrix(1 0 0 1.097 8191.445 5939.494)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#008a4c" stop-opacity=".8" />
<stop offset=".044" stop-color="#1d9a49" stop-opacity=".765" />
<stop offset=".119" stop-color="#47b144" stop-opacity=".704" />
<stop offset=".201" stop-color="#6dc63f" stop-opacity=".639" />
<stop offset=".288" stop-color="#8dd83b" stop-opacity=".569" />
<stop offset=".382" stop-color="#a6e638" stop-opacity=".494" />
<stop offset=".485" stop-color="#baf136" stop-opacity=".412" />
<stop offset=".603" stop-color="#c8f934" stop-opacity=".317" />
<stop offset=".748" stop-color="#d1fe33" stop-opacity=".201" />
<stop offset="1" stop-color="#d3ff33" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ddff59" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="f"
x1="105.171"
x2="370.204"
y1="225.829"
y2="-39.203"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="139.935"
x2="297.257"
y1="228.556"
y2="71.233"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#95e12e" />
<stop offset="1" stop-color="#ddff59" />
</linearGradient>
<linearGradient
id="h"
x1="147.217"
x2="589.928"
y1="401.729"
y2="-40.983"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="23.577"
x2="454.627"
y1="589.915"
y2="158.864"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="-189.988"
x2="281.513"
y1="722.055"
y2="250.555"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="110.585"
x2="431.549"
y1="241.678"
y2="-79.286"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006946" />
<stop offset=".282" stop-color="#008547" />
<stop offset=".369" stop-color="#128f45" />
<stop offset=".544" stop-color="#41aa41" />
<stop offset=".788" stop-color="#8cd63a" />
<stop offset="1" stop-color="#d3ff33" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#008547" />
<stop offset=".121" stop-color="#128f45" />
<stop offset=".365" stop-color="#41aa41" />
<stop offset=".705" stop-color="#8cd63a" />
<stop offset="1" stop-color="#d3ff33" />
</linearGradient>
<linearGradient
id="l"
x1="144.969"
x2="610.28"
y1="297.876"
y2="-167.435"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="9.43"
x2="380.677"
y1="576.394"
y2="205.147"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="-65.175"
x2="382.504"
y1="741.611"
y2="293.932"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<circle cx="256" cy="256" r="256" fill="url(#e)" />
<path
fill="url(#f)"
d="M286 47c-20-.75-40-.75-60 0-8.278.314-15.071 7.553-15.16 15.984-.154 15.281-.29 30.563-.407 45.844 25.315-.99 50.631-1.155 75.946-.495A29166.62 29166.62 0 0 0 286 47z"
/>
<path
fill="url(#g)"
d="M286 47c-8.278-.316-14.969 6.458-14.947 14.943.051 15.365.097 30.729.136 46.094 10.126.132 20.252.396 30.379.792a18936.23 18936.23 0 0 0-.407-45.844C301.07 54.555 294.278 47.315 286 47z"
/>
<path
fill="url(#h)"
d="M256 154.063c-30.576 20.5-61.366 41.813-92.173 62.438-.206 50 0 100 .617 150a5882.127 5882.127 0 0 1 15.514 23.531 4009.836 4009.836 0 0 1-14.847 21.469c.086 5 .177 10 .272 15 .335 16.506 14.073 31.534 30.617 32.813 20 1.5 40 2.25 60 2.25V154.063z"
/>
<path
fill="url(#i)"
d="M225.276 215.667c-.096 71.556.077 143.111.519 214.667.126 16.909 13.661 31.227 30.206 31.229 20 0 40-.75 60-2.25 16.545-1.278 30.282-16.307 30.617-32.813.095-5 .185-10 .272-15-4.92-7.063-9.87-14.224-14.847-21.469a5741.717 5741.717 0 0 1 15.514-23.531c.124-10 .23-20 .321-30-40.473-38.167-81.691-80.222-122.602-120.833z"
/>
<path
fill="url(#j)"
d="M225.424 154.334c-.071 20.444-.121 40.889-.148 61.333-.026 67.402 55.056 124.062 122.601 120.834.362-40 .461-80 .296-120-41.048-20.834-82.052-42.445-122.749-62.167z"
/>
<path
fill="url(#k)"
d="M195.589 79.104c-16.662 1.095-30.447 15.888-30.724 32.396-.547 35-.893 70-1.037 105 20.483-.417 40.966-.694 61.449-.833 10.303-46.069 20.656-92.354 30.724-138.479-20.138 0-40.275.639-60.412 1.916z"
/>
<path
fill="url(#l)"
d="M316.412 79.104a953.552 953.552 0 0 0-60.411-1.917c-16.662.004-30.273 14.235-30.379 31.146-.182 35.778-.298 71.555-.346 107.333 40.966-.278 81.931 0 122.897.833-.144-35-.49-70-1.037-105-.277-16.509-14.062-31.299-30.724-32.395z"
/>
<path
fill="url(#m)"
d="M164.445 366.5c.185 15 .407 30 .667 45a1054.174 1054.174 0 0 0 60.593 3.5c5.006-7.521 10.037-15.099 15.088-22.719A26024.85 26024.85 0 0 0 225.483 369a1492.822 1492.822 0 0 1-61.038-2.5z"
/>
<path
fill="url(#n)"
d="M347.556 366.5a1491.917 1491.917 0 0 1-122.074 2.5c.062 15.333.136 30.667.222 46 40.395 1.167 80.79 0 121.185-3.5.259-15 .482-30 .667-45z"
/>
</svg>
More icons in the same style and category