Add icons to this collection by clicking the heart icon.
Truck icon - also known as transport, tool, transportation, truck, delivery, delivery truck, logistics, shipping, and mover truck. Created in a clean flat gradient style with a red 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="b"
x1="20"
x2="62"
y1="29"
y2="29"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f44336" />
<stop offset="1" stop-color="#eeff41" />
</linearGradient>
<linearGradient
id="a"
x1="4"
x2="24"
y1="55"
y2="55"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f44336" />
<stop offset="1" stop-color="#ff9800" />
</linearGradient>
<linearGradient id="c" x1="45" x2="64" href="#a" />
<linearGradient id="d" x1="28" x2="32" href="#a" />
<linearGradient id="e" x1="2.4" x2="20" y1="35" y2="35" href="#a" />
<linearGradient id="f" x2="20" y1="27" y2="27" href="#a" />
<g>
<path
fill="url(#b)"
d="M62 14v30a3 3 0 0 1-3 3H20V14a3 3 0 0 1 3-3h36a3 3 0 0 1 3 3z"
/>
<circle cx="11" cy="47" r="6" fill="#f44336" />
<path fill="url(#a)" d="M22 57H6a2 2 0 0 1 0-4h16a2 2 0 0 1 0 4z" />
<path fill="url(#c)" d="M62 57H47a2 2 0 0 1 0-4h15a2 2 0 0 1 0 4z" />
<path
fill="url(#d)"
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"
/>
<circle cx="53" cy="47" r="6" fill="#f44336" />
<path
fill="url(#e)"
d="M20 23v24H5.4a3 3 0 0 1-3-3.37L4 31l.67-5.37a3 3 0 0 1 3-2.63z"
/>
<path fill="url(#f)" d="M20 23v8H4l.67-5.37a3 3 0 0 1 3-2.63z" />
<path fill="#f44336" d="M55 39a2 2 0 0 1-2 2H20v-4h33a2 2 0 0 1 2 2z" />
</g>
</svg>
More icons in the same style and category