Add icons to this collection by clicking the heart icon.
Truck icon - also known as transport, tool, transportation, truck, delivery, logistics delivery, distribution, trucks, side view, over wheels, and shipping and delivery. 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="-49.552"
x2="21.635"
y1="552.953"
y2="624.147"
gradientTransform="matrix(8 0 0 -8 399 4941.07)"
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="m490.4 240.36-101.76-31.44-71.936-93.776a8 8 0 0 0-6.304-3.136H192a8 8 0 0 0-8 8v88H8a8 8 0 0 0-8 8v112a8 8 0 0 0 8 8h16.64c4.391 30.574 32.736 51.8 63.311 47.409 24.574-3.529 43.88-22.835 47.409-47.409h225.28c4.391 30.574 32.736 51.8 63.311 47.409 24.574-3.529 43.88-22.835 47.409-47.409H488a8 8 0 0 0 8-8v-80a8 8 0 0 0-5.6-7.648zM200 152.008h124.8l42.96 56H200v-56zm0-24h106.4l6.136 8H200v-8zm-184 96h168v96h-48.64c-4.391-30.574-32.736-51.8-63.311-47.409-24.574 3.529-43.88 22.835-47.409 47.409H16v-96zm64 144c-22.091 0-40-17.909-40-40s17.909-40 40-40 40 17.909 40 40c-.026 22.08-17.92 39.973-40 40zm336 0c-22.091 0-40-17.909-40-40s17.909-40 40-40 40 17.909 40 40c-.026 22.08-17.92 39.973-40 40zm64-48h-8.64c-4.391-30.574-32.736-51.8-63.311-47.409-24.574 3.529-43.88 22.835-47.409 47.409H200v-96h183.264L480 253.912v66.096z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-56.551"
x2="14.636"
y1="559.955"
y2="631.146"
gradientTransform="matrix(8 0 0 -8 399 4941.07)"
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 304.008c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm0 32a8 8 0 1 1 0-16 8 8 0 0 1 0 16z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-35.552"
x2="35.635"
y1="538.952"
y2="610.146"
gradientTransform="matrix(8 0 0 -8 399 4941.07)"
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="M416 304.008c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm0 32a8 8 0 1 1 0-16 8 8 0 0 1 0 16z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-52.053"
x2="19.134"
y1="555.454"
y2="626.644"
gradientTransform="matrix(8 0 0 -8 399 4941.07)"
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="M248 240.008h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-63.803"
x2="7.385"
y1="567.203"
y2="638.397"
gradientTransform="matrix(8 0 0 -8 399 4941.07)"
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="M32 248.008h40a8 8 0 0 0 0-16H32a8 8 0 0 0 0 16z" fill="url(#e)" />
</svg>
More icons in the same style and category