Add icons to this collection by clicking the heart icon.
Box Truck icon - also known as transport, vehicle, transportation, delivery truck, shipping and delivery, and box truck. Created in a clean outline color style with a silver, gray, teal, and orange 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 128 128"
>
<linearGradient
id="b"
x1="106.5"
x2="106.5"
y1="90"
y2="44"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7aa8d7" />
<stop offset="1" stop-color="#96c8ea" />
</linearGradient>
<linearGradient
id="c"
x1="43.5"
x2="43.5"
y1="76"
y2="28"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4d8e1" />
<stop offset="1" stop-color="#f3f4f5" />
</linearGradient>
<linearGradient
id="d"
x1="111.77"
x2="111.77"
y1="66"
y2="44"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9dd5df" />
<stop offset="1" stop-color="#c3e1f5" />
</linearGradient>
<linearGradient
id="e"
x1="43.5"
x2="43.5"
y1="90"
y2="76"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#949aaf" />
<stop offset="1" stop-color="#c6ccda" />
</linearGradient>
<linearGradient
id="a"
x1="19"
x2="19"
y1="100"
y2="80"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#464f6b" />
<stop offset="1" stop-color="#575f7c" />
</linearGradient>
<linearGradient id="f" x1="101" x2="101" href="#a" />
<linearGradient
id="g"
x1="123"
x2="127"
y1="79"
y2="79"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fbcc88" />
<stop offset="1" stop-color="#ffe5c3" />
</linearGradient>
<g>
<path
fill="url(#b)"
d="M127 67.82V90H86V44h25.25a6.12 6.12 0 0 1 5.23 3C125.67 62.22 127 63.35 127 67.82z"
/>
<path fill="#5b8dc9" d="M86 87h41v3H86z" />
<path fill="url(#c)" d="M1 28h85v48H1z" />
<path fill="#c7cdd8" d="M1 72h85v4H1z" />
<path
fill="url(#d)"
d="M126.53 64.47 125 66h-10l-4-4H97V44h14.33a5.94 5.94 0 0 1 4.44 2c.63.7 10.24 16.58 10.24 17a12.83 12.83 0 0 1 .52 1.47z"
/>
<path
fill="#77cacb"
d="M126.53 64.47 125 66h-10l-4-4H97v-2h14l4 4h10l1-1a12.83 12.83 0 0 1 .53 1.47z"
/>
<path fill="url(#e)" d="M86 90V76H1v14z" />
<path fill="#8288a1" d="M86 90v-3H1v3z" />
<circle cx="19" cy="90" r="10" fill="url(#a)" />
<circle cx="101" cy="90" r="10" fill="url(#f)" />
<path
fill="#3d465e"
d="M19 100a10 10 0 0 1-9.88-11.48 10 10 0 0 0 19.76 0A10 10 0 0 1 19 100zM101 100a10 10 0 0 1-9.88-11.48 10 10 0 0 0 19.76 0A10 10 0 0 1 101 100z"
/>
<circle cx="19" cy="90" r="4" fill="#949aaf" />
<circle cx="101" cy="90" r="4" fill="#949aaf" />
<path
fill="#8288a1"
d="M22.87 91a4 4 0 0 0-7.74 0 4 4 0 1 1 7.74 0zM104.87 91a4 4 0 0 0-7.74 0 4 4 0 1 1 7.74 0z"
/>
<path fill="url(#g)" d="M123 76h4v6h-4z" />
<path fill="#f6b756" d="M123 80h4v2h-4z" />
<g fill="#47566a">
<path
d="M127.32 63.67c-.68-2.05-.6-1.64-10-17.23a7.12 7.12 0 0 0-6.07-3.44H87V28a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1v62a1 1 0 0 0 1 1h7.05A11 11 0 0 0 30 91c78.67 0 55.92.21 60.1 0a11 11 0 0 0 21.9 0h15a1 1 0 0 0 1-1c0-18.24.25-25.4-.68-26.33zm-11.7-16.2c11.28 18.74 10.19 16.31 9 17.53h-9.18c-4-4-3.85-4-4.41-4H98V45h13.25a5.14 5.14 0 0 1 4.37 2.47zM2 29h83v46H2zm0 48h83v12H30a11 11 0 0 0-21.9 0H2zm17 22a9 9 0 1 1 9-9 9 9 0 0 1-9 9zm82 0a9 9 0 1 1 9-9 9 9 0 0 1-9 9zm11-10a11 11 0 0 0-21.9 0h-3V45h9v17a1 1 0 0 0 1 1h13.59c4 4 3.85 4 4.41 4 11.36 0 10.24.18 10.91-.5.12 1 .09.45.09 8.5h-3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h3v6zm14-8h-2v-4h2z"
/>
<path
d="M103 69h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2zM19 85a5 5 0 1 0 5 5 5 5 0 0 0-5-5zm0 8a3 3 0 1 1 3-3 3 3 0 0 1-3 3zM101 85a5 5 0 1 0 5 5 5 5 0 0 0-5-5zm0 8a3 3 0 1 1 3-3 3 3 0 0 1-3 3z"
/>
</g>
</g>
</svg>
More icons in the same style and category