Add icons to this collection by clicking the heart icon.
Delivery Truck icon - also known as pin, transportation, map location, delivery truck, cargo truck, shipment, placeholder, tracking, 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.5 10.268) scale(10.721)"
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.5 10.466) scale(27.499)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -2.159 26.372) scale(13.469)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#435a64" />
<stop offset="1" stop-color="#17313c" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -1.172 26.124) scale(15.204)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b9cbf9" />
<stop offset="1" stop-color="#2965ff" />
</linearGradient>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 7.133 16.87) scale(13.469)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff025d" />
<stop offset="1" stop-color="#9b0038" />
</linearGradient>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 9.622 14.927) scale(11.659)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#b3b3b3" />
</linearGradient>
<linearGradient
id="h"
x1="16.832"
x2="50"
y1="18.642"
y2="18.642"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="16.773"
x2="39"
y1="13.832"
y2="13.832"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1b97f1" />
<stop offset="1" stop-color="#005fa3" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="m27.59 27.985.199.001a2.961 2.961 0 0 0 2.961-2.961v-4.308a5.17 5.17 0 0 0-1.307-3.436l-1.016-1.144a5.172 5.172 0 0 0-3.866-1.736h-4.919a.75.75 0 0 0-.75.75v12.085c0 .414.336.75.75.75H22.1a.75.75 0 0 0 .75-.75 2.015 2.015 0 0 1 4.029 0 .75.75 0 0 0 .711.749z"
/>
<path
fill="url(#c)"
d="M29.736 17.641h-3.877a1.855 1.855 0 0 0-1.856 1.855v1.496a1.856 1.856 0 0 0 1.856 1.856h4.891v-2.131a5.172 5.172 0 0 0-1.014-3.076z"
/>
<circle cx="24.865" cy="27.236" r="3.514" fill="url(#d)" />
<circle cx="24.865" cy="27.236" r="2.014" fill="url(#e)" />
<path
fill="url(#f)"
d="M28.387 7.207a4.198 4.198 0 0 0-3.835-5.905h-.006a4.201 4.201 0 0 0-3.836 5.905l2.697 6.06a1.249 1.249 0 0 0 2.284 0z"
/>
<circle cx="24.549" cy="5.304" r="2.078" fill="url(#g)" />
<path
fill="url(#h)"
d="M20.392 27.986V13.047a2.96 2.96 0 0 0-2.961-2.962H4.211a2.961 2.961 0 0 0-2.961 2.962v11.978a2.964 2.964 0 0 0 2.961 2.961h1.746l.75-.75a2.015 2.015 0 0 1 4.028 0l.75.75z"
/>
<circle cx="8.721" cy="27.236" r="3.514" fill="url(#d)" />
<circle cx="8.721" cy="27.236" r="2.014" fill="url(#e)" />
<path fill="url(#i)" d="M1.25 13.668h19.142v1.5H1.25z" />
</g>
</svg>
More icons in the same style and category