Add icons to this collection by clicking the heart icon.
Electric Car icon - also known as sustainability, transportation, mobility, electric car, sustainable energy, and environmentally friendly. Created in a clean flat 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"
x1="13.995"
x2="6.142"
y1="33.585"
y2="25.731"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#008552" />
<stop offset="1" stop-color="#9ebd13" />
</linearGradient>
<linearGradient
id="d"
x1="58.159"
x2="50.297"
y1="34.121"
y2="26.259"
href="#a"
/>
<linearGradient
id="b"
x1="19.183"
x2="7.692"
y1="58.097"
y2="46.605"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" />
<stop offset="1" stop-color="#b3b3b3" />
</linearGradient>
<linearGradient
id="e"
x1="57.483"
x2="44.283"
y1="59.397"
y2="46.197"
href="#b"
/>
<linearGradient
id="f"
x1="63.725"
x2="9.762"
y1="70.315"
y2="16.351"
href="#a"
/>
<linearGradient
id="g"
x1="44.324"
x2="23.952"
y1="55.036"
y2="34.664"
href="#b"
/>
<linearGradient
id="c"
x1="52.625"
x2="13.46"
y1="52.855"
y2="13.69"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b3b3b3" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="h"
x1="24.307"
x2="9.631"
y1="51.083"
y2="36.408"
href="#c"
/>
<linearGradient
id="i"
x1="54.258"
x2="41.427"
y1="49.302"
y2="36.47"
href="#c"
/>
<linearGradient
id="j"
x1="57.255"
x2="33.401"
y1="32.265"
y2="8.412"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f2994a" />
<stop offset=".46" stop-color="#f2ad4b" />
<stop offset="1" stop-color="#f2c94c" />
</linearGradient>
<linearGradient
id="k"
x1="55.814"
x2="34.604"
y1="30.826"
y2="9.615"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f2c94c" />
<stop offset=".54" stop-color="#f2ad4b" />
<stop offset="1" stop-color="#f2994a" />
</linearGradient>
<linearGradient
id="l"
x1="52.571"
x2="36.048"
y1="27.349"
y2="10.825"
href="#c"
/>
<path
fill="url(#a)"
d="M11 33.5H9.25A3.254 3.254 0 0 1 6 30.25C6 28.751 7.113 27 10.25 27H13a1 1 0 0 1 .914 1.406l-2 4.5A1 1 0 0 1 11 33.5z"
/>
<path
fill="url(#d)"
d="M54.75 33.5H53a1 1 0 0 1-.914-.594l-2-4.5A1 1 0 0 1 51 27h2.75c3.137 0 4.25 1.751 4.25 3.25a3.254 3.254 0 0 1-3.25 3.25z"
/>
<path
fill="url(#b)"
d="M16 56h-4a3 3 0 0 1-3-3v-3a1 1 0 0 1 1.243-.97l8 2A1 1 0 0 1 19 52v1a3 3 0 0 1-3 3z"
/>
<path
fill="url(#e)"
d="M52 56h-4a3 3 0 0 1-3-3v-1a1 1 0 0 1 .757-.97l8-2A1 1 0 0 1 55 50v3a3 3 0 0 1-3 3z"
/>
<path
fill="url(#f)"
d="M51 52H13a5.006 5.006 0 0 1-5-5v-8.262A9.01 9.01 0 0 1 8.805 35l5.825-12.883A7.012 7.012 0 0 1 21.009 18h21.982a7.012 7.012 0 0 1 6.379 4.117L55.2 35a9.01 9.01 0 0 1 .8 3.734V47a5.006 5.006 0 0 1-5 5z"
/>
<path
fill="url(#g)"
d="M37.687 47H26.313a2.761 2.761 0 0 1-2.605-2.09l-.578-2a3.224 3.224 0 0 1 .5-2.823A2.634 2.634 0 0 1 25.735 39h12.53a2.634 2.634 0 0 1 2.108 1.087 3.224 3.224 0 0 1 .5 2.823l-.578 2A2.761 2.761 0 0 1 37.687 47z"
/>
<path
fill="url(#c)"
d="M51 36H13a1 1 0 0 1-.893-1.451l5.468-10.827A2.987 2.987 0 0 1 20.288 22h23.424a3 3 0 0 1 2.731 1.759l5.45 10.79A1 1 0 0 1 51 36z"
/>
<path
fill="url(#h)"
d="M21 45.5h-8a2 2 0 0 1-2-2V41a2 2 0 0 1 2-2h3.5a5.506 5.506 0 0 1 5.5 5.5 1 1 0 0 1-1 1z"
/>
<path
fill="url(#i)"
d="M51 45.5h-8a1 1 0 0 1-1-1 5.506 5.506 0 0 1 5.5-5.5H51a2 2 0 0 1 2 2v2.5a2 2 0 0 1-2 2z"
/>
<circle cx="44.495" cy="19.505" r="11.505" fill="url(#j)" />
<path
fill="url(#k)"
d="M44.494 29.011A9.506 9.506 0 1 1 54 19.506a9.516 9.516 0 0 1-9.506 9.505z"
/>
<path
fill="url(#l)"
d="M49.027 17.582h-3.911l1.245-6.222-7.111 8.889h3.911l-1.244 6.222z"
/>
</svg>
More icons in the same style and category