Add icons to this collection by clicking the heart icon.
Delivery Truck icon - also known as transport, arrow, vehicle, transportation, delivery truck, mover truck, shipment, and shipping and delivery. Created in a clean flat 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 64 64"
>
<linearGradient
id="c"
x1="37.086"
x2="59.914"
y1="47.914"
y2="25.086"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aebbe3" />
<stop offset="1" stop-color="#eaecff" />
</linearGradient>
<linearGradient
id="d"
x1=".38"
x2="40.208"
y1="49.208"
y2="9.379"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#db9f00" />
<stop offset="1" stop-color="#e5d000" />
</linearGradient>
<linearGradient id="a">
<stop offset=".01" stop-color="#2a4d89" />
<stop offset="1" stop-color="#688bad" />
</linearGradient>
<linearGradient
id="e"
x1="42.346"
x2="53.654"
y1="53.654"
y2="42.346"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#688bad" />
<stop offset=".99" stop-color="#2a4d89" />
</linearGradient>
<linearGradient
id="f"
x1="45.174"
x2="50.828"
y1="50.828"
y2="45.174"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="10.346"
x2="21.654"
y1="53.654"
y2="42.346"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="13.173"
x2="18.827"
y1="50.827"
y2="45.173"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="51.005"
x2="59.419"
y1="33.005"
y2="24.591"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="14.586"
x2="25.414"
y1="31.414"
y2="20.586"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d7482f" />
<stop offset="1" stop-color="#ff7259" />
</linearGradient>
<path
fill="url(#c)"
d="M62 32h-8V20a2 2 0 0 0-2-2H40a2 2 0 0 0-2 2v28a2 2 0 0 0 2 2h22a2 2 0 0 0 2-2V34a2 2 0 0 0-2-2z"
/>
<path
fill="url(#d)"
d="M38 8H2a2 2 0 0 0-2 2v38a2 2 0 0 0 2 2h38V10a2 2 0 0 0-2-2z"
/>
<path
fill="url(#e)"
d="M48 40c-4.411 0-8 3.589-8 8s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8z"
/>
<path
fill="url(#f)"
d="M48 52c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4z"
/>
<path
fill="url(#g)"
d="M16 40c-4.411 0-8 3.589-8 8s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8z"
/>
<path
fill="url(#h)"
d="M16 52c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4z"
/>
<path
fill="url(#i)"
d="m63.414 28.586-10-10A1.986 1.986 0 0 0 52 18.018V34h12v-4a2 2 0 0 0-.586-1.414z"
/>
<path
fill="url(#j)"
d="m29.414 24.586-6-6a2 2 0 1 0-2.828 2.828L23.172 24H12a2 2 0 0 0 0 4h11.172l-2.586 2.586a2 2 0 1 0 2.828 2.828l6-6a2 2 0 0 0 0-2.828z"
/>
</svg>
More icons in the same style and category