Add icons to this collection by clicking the heart icon.
Car icon - also known as transport, car, vehicle, cars, pickup car, journey, driving, drive, automobile, and transportation. Created in a clean flat gradient style with a teal 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"
x1="4"
x2="24"
y1="55"
y2="55"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#01579b" />
<stop offset="1" stop-color="#00e676" />
</linearGradient>
<linearGradient id="b" x1="45" x2="64" href="#a" />
<linearGradient id="c" x1="28" x2="32" href="#a" />
<linearGradient id="d" x1="2" x2="62" y1="34.7" y2="34.7" href="#a" />
<linearGradient id="e" x1="14.6" x2="40" y1="27.7" y2="27.7" href="#a" />
<linearGradient id="f" x1="40" x2="58" y1="27.72" y2="27.72" href="#a" />
<g>
<circle cx="11" cy="47" r="6" fill="#01589b" />
<circle cx="53" cy="47" r="6" fill="#01589b" />
<path fill="url(#a)" d="M22 57H6a2 2 0 0 1 0-4h16a2 2 0 0 1 0 4z" />
<path fill="url(#b)" d="M62 57H47a2 2 0 0 1 0-4h15a2 2 0 0 1 0 4z" />
<path
fill="url(#c)"
d="M28 55a2 2 0 0 1 2-2 2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2z"
/>
<path
fill="url(#d)"
d="M62 33v11a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-4.84a4 4 0 0 1 3.07-3.89L14.6 33l3.82-.91a16.62 16.62 0 0 0 7.91-4.42A17.93 17.93 0 0 1 39 22.41h1l3.12.18a18 18 0 0 1 11.73 5.24l.73.73A4.89 4.89 0 0 0 58 29.9a5.56 5.56 0 0 0 1 .1 3 3 0 0 1 3 3z"
/>
<path
fill="url(#e)"
d="M39 22.41a17.93 17.93 0 0 0-12.61 5.18A16.47 16.47 0 0 1 18.67 32l-4.07 1H40V22.44c-.33-.02-.65-.03-1-.03z"
/>
<path
fill="url(#f)"
d="m55.59 28.59-.73-.73a18 18 0 0 0-11.73-5.24L40 22.44V33h16a2 2 0 0 0 2-2v-1.1a4.89 4.89 0 0 1-2.41-1.31z"
/>
<path fill="#00e676" d="M39 42H23a2 2 0 0 1 0-4h16a2 2 0 0 1 0 4z" />
</g>
</svg>
More icons in the same style and category