Add icons to this collection by clicking the heart icon.
Car icon - also known as car, nature, electric, energy, transportation, green, eco, ecology, saving, enviroment, and go green. Created in a clean outline 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 48 48"
>
<linearGradient
id="a"
x1="24"
x2="24"
y1="7"
y2="35"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eff3f9" />
<stop offset="1" stop-color="#c3ccd9" />
</linearGradient>
<linearGradient
id="b"
x1="24"
x2="24"
y1="8.72"
y2="35"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#cbd3df" />
<stop offset="1" stop-color="#a3aebf" />
</linearGradient>
<linearGradient
id="d"
x1="14.985"
x2="14.985"
y1="7"
y2="19"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#91cef2" />
<stop offset="1" stop-color="#56a1d8" />
</linearGradient>
<linearGradient
id="e"
x1="5.5"
x2="5.5"
y1="19"
y2="27"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe695" />
<stop offset="1" stop-color="#f7a859" />
</linearGradient>
<linearGradient
id="f"
x1="45"
x2="45"
y1="31.099"
y2="35"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f99848" />
<stop offset="1" stop-color="#db5e26" />
</linearGradient>
<linearGradient
id="c"
x1="36"
x2="36"
y1="31"
y2="41"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#636b77" />
<stop offset="1" stop-color="#373d4c" />
</linearGradient>
<linearGradient id="g" x1="36" x2="36" y1="33.5" y2="38.5" href="#a" />
<linearGradient id="h" x1="35.75" x2="35.75" y1="33.5" y2="38" href="#b" />
<linearGradient id="i" x1="15" x2="15" y1="31" y2="41" href="#c" />
<linearGradient id="j" x1="15" x2="15" y1="33.5" y2="38.5" href="#a" />
<linearGradient id="k" x1="14.75" x2="14.75" y1="33.5" y2="38" href="#b" />
<linearGradient
id="l"
x1="26"
x2="26"
y1="13"
y2="25"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b4d467" />
<stop offset="1" stop-color="#7e9936" />
</linearGradient>
<linearGradient
id="m"
x1="26.004"
x2="26.004"
y1="13.001"
y2="24.999"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#91bb5a" />
<stop offset="1" stop-color="#5d802d" />
</linearGradient>
<path
fill="url(#a)"
d="M47 25.4V34a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-8.6A6.263 6.263 0 0 1 7.13 19h3.07l3.01-8.11A5.936 5.936 0 0 1 18.77 7h15.89a5.95 5.95 0 0 1 5.89 5.26L41 19a6.157 6.157 0 0 1 6 6.4z"
/>
<path
fill="url(#b)"
d="M47 25.4V34a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-2.19a32.647 32.647 0 0 0 6.53.66A32.5 32.5 0 0 0 38.82 8.72a6.042 6.042 0 0 1 1.73 3.54L41 19a6.157 6.157 0 0 1 6 6.4z"
/>
<path
fill="url(#d)"
d="M19.77 7 17 19h-6.8l3.01-8.11A5.936 5.936 0 0 1 18.77 7z"
/>
<path
fill="url(#e)"
d="M10 19v2a6 6 0 0 1-6 6H1v-1.6A6.263 6.263 0 0 1 7.13 19z"
/>
<path fill="url(#f)" d="M47 31.1h-1a3 3 0 0 0-3 3v.9h3a1 1 0 0 0 1-1z" />
<circle cx="36" cy="36" r="5" fill="url(#c)" />
<circle cx="36" cy="36" r="2.5" fill="url(#g)" />
<path
fill="url(#h)"
d="M38 34.5a2.5 2.5 0 0 0-3.5 3.5 2.5 2.5 0 1 1 3.5-3.5z"
/>
<circle cx="15" cy="36" r="5" fill="url(#i)" />
<circle cx="15" cy="36" r="2.5" fill="url(#j)" />
<path
fill="url(#k)"
d="M17 34.5a2.5 2.5 0 0 0-3.5 3.5 2.5 2.5 0 1 1 3.5-3.5z"
/>
<path
fill="url(#l)"
d="M19.537 24.463a6.885 6.885 0 0 1-.374-4.131 7.846 7.846 0 0 1 2.243-3.814c3.784-3.825 10.712-3.542 11.59-3.5a13.168 13.168 0 0 1-.512 3.968c-.593 2.059-1.59 5.517-5.1 7.154a11.743 11.743 0 0 1-7.847.323z"
/>
<path
fill="url(#m)"
d="M33 13.02a13.12 13.12 0 0 1-.52 3.97c-.59 2.06-1.59 5.52-5.09 7.15a11.7 11.7 0 0 1-7.85.32 6.855 6.855 0 0 1-.53-2.88 11.4 11.4 0 0 0 7.38-.43c3.5-1.64 4.5-5.1 5.09-7.16a9.955 9.955 0 0 0 .24-.98c.64-.02 1.09 0 1.28.01z"
/>
<g fill="#2c332f">
<path
d="m41.939 18.063-.4-5.925A6.968 6.968 0 0 0 34.66 6H18.77a6.976 6.976 0 0 0-6.5 4.542L9.505 18H7.13A7.276 7.276 0 0 0 0 25.4V35a1 1 0 0 0 1 1h8a6 6 0 0 0 12 0h9a6 6 0 0 0 12 0h5a1 1 0 0 0 1-1v-9.6a7.185 7.185 0 0 0-6.061-7.337zM7.13 20H9v1a5.006 5.006 0 0 1-5 5H2v-.6A5.276 5.276 0 0 1 7.13 20zM15 40a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm21 0a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm10-6h-4.35a5.99 5.99 0 0 0-11.3 0h-9.7a5.99 5.99 0 0 0-11.3 0H2v-6h2a7.009 7.009 0 0 0 7-7v-1.4a1.011 1.011 0 0 0 .138-.247l3.009-8.11A4.966 4.966 0 0 1 18.77 8h15.89a4.954 4.954 0 0 1 4.892 4.326l.45 6.74A1 1 0 0 0 41 20a5.156 5.156 0 0 1 5 5.4z"
/>
<path
d="M33.048 12.023c-1.371-.072-8.384-.222-12.353 3.792a8.8 8.8 0 0 0-2.508 4.3 7.858 7.858 0 0 0 .4 4.661 12.38 12.38 0 0 0-.568 2.046 1 1 0 0 0 .8 1.165A.952.952 0 0 0 19 28a1 1 0 0 0 .982-.818 10.6 10.6 0 0 1 .4-1.49 14.183 14.183 0 0 0 2.89.312 10.694 10.694 0 0 0 4.543-.953c3.917-1.829 5.033-5.7 5.633-7.783A14.151 14.151 0 0 0 34 13a1 1 0 0 0-.952-.977zm-1.525 4.692c-.583 2.023-1.464 5.079-4.557 6.523a9.839 9.839 0 0 1-5.7.583 12.059 12.059 0 0 1 6.089-4.884 1 1 0 1 0-.7-1.874 14.31 14.31 0 0 0-6.631 4.982 5.5 5.5 0 0 1 .122-1.492 6.819 6.819 0 0 1 1.978-3.331c2.82-2.853 7.652-3.217 9.865-3.223a12.134 12.134 0 0 1-.466 2.716z"
/>
</g>
</svg>
More icons in the same style and category