Add icons to this collection by clicking the heart icon.
Car icon - also known as transport, car, view, vehicle, cars, travel, automobile, transportation, front view, electronics, front, transports, and frontal view. Created in a clean lineal 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="100"
height="100"
viewBox="0 0 496 496"
>
<linearGradient
id="a"
x1="-54.742"
x2="31.934"
y1="545.846"
y2="632.519"
gradientTransform="matrix(8 0 0 -8 399 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".148" stop-color="#024089" />
<stop offset=".201" stop-color="#094485" />
<stop offset=".239" stop-color="#144a7f" />
<stop offset=".269" stop-color="#255476" />
<stop offset=".296" stop-color="#3b606a" />
<stop offset=".319" stop-color="#576f5b" />
<stop offset=".34" stop-color="#77814a" />
<stop offset=".359" stop-color="#9d9635" />
<stop offset=".377" stop-color="#c8ae1e" />
<stop offset=".393" stop-color="#f6c805" />
<stop offset=".396" stop-color="#ffcd00" />
<stop offset=".402" stop-color="#e2c91b" />
<stop offset=".414" stop-color="#b3c447" />
<stop offset=".426" stop-color="#88bf6f" />
<stop offset=".439" stop-color="#63ba92" />
<stop offset=".454" stop-color="#44b6af" />
<stop offset=".469" stop-color="#2bb3c6" />
<stop offset=".486" stop-color="#18b1d9" />
<stop offset=".506" stop-color="#0aafe5" />
<stop offset=".531" stop-color="#02aeed" />
<stop offset=".577" stop-color="#00aeef" />
<stop offset=".608" stop-color="#009de0" />
<stop offset=".682" stop-color="#007bc1" />
<stop offset=".758" stop-color="#0061a9" />
<stop offset=".835" stop-color="#004e98" />
<stop offset=".915" stop-color="#00438d" />
<stop offset="1" stop-color="#003f8a" />
</linearGradient>
<path
d="M488 216h-40v-56a8 8 0 0 0-8-8h-31.8l-16.384-73.736A8 8 0 0 0 384 72H112a8 8 0 0 0-7.816 6.264L87.8 152H56a8 8 0 0 0-8 8v56H8a8 8 0 0 0-8 8v144a8 8 0 0 0 8 8h8v24c0 13.255 10.745 24 24 24h56c13.255 0 24-10.745 24-24v-24h256v24c0 13.255 10.745 24 24 24h56c13.255 0 24-10.745 24-24v-24h8a8 8 0 0 0 8-8V224a8 8 0 0 0-8-8zm-56-48v48h-9.6l-10.664-48H432zM89.976 216l21.36-96.136c.219.058.44.103.664.136h272c.224-.033.445-.078.664-.136L406.024 216H89.976zM377.6 88l3.56 16H114.856l3.56-16H377.6zM64 168h20.248L73.6 216H64v-48zm40 232a8 8 0 0 1-8 8H40a8 8 0 0 1-8-8v-24h72v24zm82.248-40 12-48h99.504l12 48H186.248zM464 400a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8v-24h72v24zm16-40H326.24l-14.48-57.944A8.001 8.001 0 0 0 304 296H192a8.001 8.001 0 0 0-7.76 6.056L169.76 360H16V232h464v128z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-64.698"
x2="21.974"
y1="555.802"
y2="642.474"
gradientTransform="matrix(8 0 0 -8 399 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".148" stop-color="#024089" />
<stop offset=".201" stop-color="#094485" />
<stop offset=".239" stop-color="#144a7f" />
<stop offset=".269" stop-color="#255476" />
<stop offset=".296" stop-color="#3b606a" />
<stop offset=".319" stop-color="#576f5b" />
<stop offset=".34" stop-color="#77814a" />
<stop offset=".359" stop-color="#9d9635" />
<stop offset=".377" stop-color="#c8ae1e" />
<stop offset=".393" stop-color="#f6c805" />
<stop offset=".396" stop-color="#ffcd00" />
<stop offset=".402" stop-color="#e2c91b" />
<stop offset=".414" stop-color="#b3c447" />
<stop offset=".426" stop-color="#88bf6f" />
<stop offset=".439" stop-color="#63ba92" />
<stop offset=".454" stop-color="#44b6af" />
<stop offset=".469" stop-color="#2bb3c6" />
<stop offset=".486" stop-color="#18b1d9" />
<stop offset=".506" stop-color="#0aafe5" />
<stop offset=".531" stop-color="#02aeed" />
<stop offset=".577" stop-color="#00aeef" />
<stop offset=".608" stop-color="#009de0" />
<stop offset=".682" stop-color="#007bc1" />
<stop offset=".758" stop-color="#0061a9" />
<stop offset=".835" stop-color="#004e98" />
<stop offset=".915" stop-color="#00438d" />
<stop offset="1" stop-color="#003f8a" />
</linearGradient>
<path
d="M80 248c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c-.026-26.499-21.501-47.974-48-48zm0 80c-17.673 0-32-14.327-32-32s14.327-32 32-32 32 14.327 32 32-14.327 32-32 32z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-43.697"
x2="42.976"
y1="534.804"
y2="621.473"
gradientTransform="matrix(8 0 0 -8 399 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".148" stop-color="#024089" />
<stop offset=".201" stop-color="#094485" />
<stop offset=".239" stop-color="#144a7f" />
<stop offset=".269" stop-color="#255476" />
<stop offset=".296" stop-color="#3b606a" />
<stop offset=".319" stop-color="#576f5b" />
<stop offset=".34" stop-color="#77814a" />
<stop offset=".359" stop-color="#9d9635" />
<stop offset=".377" stop-color="#c8ae1e" />
<stop offset=".393" stop-color="#f6c805" />
<stop offset=".396" stop-color="#ffcd00" />
<stop offset=".402" stop-color="#e2c91b" />
<stop offset=".414" stop-color="#b3c447" />
<stop offset=".426" stop-color="#88bf6f" />
<stop offset=".439" stop-color="#63ba92" />
<stop offset=".454" stop-color="#44b6af" />
<stop offset=".469" stop-color="#2bb3c6" />
<stop offset=".486" stop-color="#18b1d9" />
<stop offset=".506" stop-color="#0aafe5" />
<stop offset=".531" stop-color="#02aeed" />
<stop offset=".577" stop-color="#00aeef" />
<stop offset=".608" stop-color="#009de0" />
<stop offset=".682" stop-color="#007bc1" />
<stop offset=".758" stop-color="#0061a9" />
<stop offset=".835" stop-color="#004e98" />
<stop offset=".915" stop-color="#00438d" />
<stop offset="1" stop-color="#003f8a" />
</linearGradient>
<path
d="M368 296c0 26.51 21.49 48 48 48s48-21.49 48-48-21.49-48-48-48c-26.499.026-47.974 21.501-48 48zm80 0c0 17.673-14.327 32-32 32s-32-14.327-32-32 14.327-32 32-32 32 14.327 32 32z"
fill="url(#c)"
/>
</svg>
More icons in the same style and category