Add icons to this collection by clicking the heart icon.
Delivery Truck icon - also known as transport, vehicle, transportation, delivery truck, logistics delivery, cargo truck, dispatch, 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 32 32"
>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(180 11.677 8.748) scale(16.353)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f5545a" />
<stop offset="1" stop-color="#d40008" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#dfdef6" />
<stop offset="1" stop-color="#5b55ee" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(180 14.46 8.034) scale(35.465)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="16.75"
x2="44"
y1="14.59"
y2="14.59"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 .125 24.322) scale(11.307)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#41555e" />
<stop offset="1" stop-color="#162c37" />
</linearGradient>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 .814 23.633) scale(14.182)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b9cbf9" />
<stop offset="1" stop-color="#2965ff" />
</linearGradient>
<linearGradient
id="g"
x1="16"
x2="35.5"
y1="10.458"
y2="10.458"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#119afd" />
<stop offset="1" stop-color="#0060a5" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="m27.59 23.567.199.001a2.961 2.961 0 0 0 2.961-2.961v-4.308a5.172 5.172 0 0 0-1.307-3.436l-1.016-1.143a5.168 5.168 0 0 0-3.866-1.736h-4.919a.75.75 0 0 0-.75.75v12.084c0 .414.336.75.75.75H22.1a.75.75 0 0 0 .75-.75 2.016 2.016 0 0 1 4.029 0 .75.75 0 0 0 .711.749z"
/>
<path
fill="url(#c)"
d="M29.736 13.223h-3.877a1.855 1.855 0 0 0-1.856 1.856v1.495a1.856 1.856 0 0 0 1.856 1.856h4.891v-2.131a5.175 5.175 0 0 0-1.014-3.076z"
/>
<path
fill="url(#d)"
d="M18.359 23.568v.005h2.033V8.629a2.963 2.963 0 0 0-2.961-2.961H4.211A2.964 2.964 0 0 0 1.25 8.629v11.978a2.964 2.964 0 0 0 2.961 2.961h1.746a.75.75 0 0 0 .75-.75 2.015 2.015 0 0 1 4.028 0l.75.75z"
/>
<circle cx="24.865" cy="22.818" r="3.514" fill="url(#e)" />
<circle cx="24.865" cy="22.818" r="2.014" fill="url(#f)" />
<circle cx="8.721" cy="22.818" r="3.514" fill="url(#e)" />
<circle cx="8.721" cy="22.818" r="2.014" fill="url(#f)" />
<path fill="url(#g)" d="M1.25 9.204h19.142v1.546H1.25z" />
</g>
</svg>
More icons in the same style and category