Add icons to this collection by clicking the heart icon.
Truck icon - also known as transport, security, vehicle, war, truck, and army. Created in a clean blue 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 60 44"
>
<g fill="none" fill-rule="evenodd">
<g transform="translate(1 1)">
<circle cx="11" cy="36" r="6" fill="#a4c2f7" />
<circle cx="11" cy="36" r="2" fill="#e8edfc" />
<circle cx="23" cy="36" r="6" fill="#a4c2f7" />
<circle cx="23" cy="36" r="2" fill="#e8edfc" />
<path
fill="#a4c2f7"
d="M58 36a6 6 0 1 1-6-6 5.857 5.857 0 0 1 3 .81A5.985 5.985 0 0 1 58 36z"
/>
<circle cx="52" cy="36" r="2" fill="#e8edfc" />
<path
fill="#e8edfc"
d="M48 20h-6a2.006 2.006 0 0 1-2-2v-8h4.29a3 3 0 0 1 2.98 2.7z"
/>
<path
fill="#cad9fc"
d="M47.27 12.7a3 3 0 0 0-2.98-2.7h-3a3 3 0 0 1 2.98 2.7L45 20h3z"
/>
<path
fill="#e8edfc"
d="M57 22.79v2.96a.987.987 0 0 1-1.33.94c-.22-.09-.44-.16-.67-.23A10 10 0 0 0 42 36h-6V11a1 1 0 0 1 1-1h3v8a2.006 2.006 0 0 0 2 2h6l7.22.8A2 2 0 0 1 57 22.79z"
/>
<path
fill="#cad9fc"
d="M49 26c-5.523 0-10 4.477-10 10h3a10 10 0 0 1 8.54-9.881C50.03 26.039 49.516 26 49 26zM55.22 20.8 48 20h-3l7.22.8A2 2 0 0 1 54 22.79v2.96a1 1 0 0 1-.1.438c.372.07.739.16 1.1.272.23.07.45.14.67.23a.987.987 0 0 0 1.33-.94v-2.96a2 2 0 0 0-1.78-1.99z"
/>
<path
fill="#7facfa"
d="M29 29v7a6 6 0 1 0-12 0 6 6 0 1 0-12 0v-7a3 3 0 0 1 3-3h18a3 3 0 0 1 3 3z"
/>
<path
fill="#a4c3fd"
d="M5 32v4H1a1 1 0 0 1-1-1v-3zM29 32h7v4h-7z"
/>
<path
fill="#cad9fc"
d="M36 20v12h-7v-3a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v3H0V21a1 1 0 0 1 1-1z"
/>
<path
fill="#7facfa"
d="M55 26.46v4.35a5.857 5.857 0 0 0-3-.81 6 6 0 0 0-6 6h-4a10 10 0 0 1 13-9.54z"
/>
<g fill="#e8edfc">
<path
d="M5 2v18H1V2a2.015 2.015 0 0 1 2-2 2.006 2.006 0 0 1 2 2zM18 2v18h-4V2a2.015 2.015 0 0 1 2-2 2.006 2.006 0 0 1 2 2zM31 2v18h-4V2a2.015 2.015 0 0 1 2-2 2.006 2.006 0 0 1 2 2zM5 2h9v18H5z"
/>
</g>
<path fill="#cad9fc" d="M11 2h3v18h-3z" />
<path fill="#e8edfc" d="M18 2h9v18h-9z" />
<path fill="#cad9fc" d="M24 2h3v18h-3z" />
<path fill="#a4c3fd" d="M31 13h5v7h-5z" />
</g>
<path
fill="#fff"
d="M2 37h3a1 1 0 0 1-1-1V22a1 1 0 0 1 1-1V3c0-.48.179-.943.5-1.3A1.986 1.986 0 0 0 4 1a2.015 2.015 0 0 0-2 2v18a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1z"
/>
<path fill="#fff" d="M1 13h2v8H1z" />
<g fill="#428dff" transform="translate(0 -1)">
<circle cx="2" cy="18" r="1" />
<path
fill-rule="nonzero"
d="M12 35a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM24 35a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM53 35a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"
/>
<path
fill-rule="nonzero"
d="M2 39h3.08A6.987 6.987 0 0 0 18 41.587 6.987 6.987 0 0 0 30.92 39h15.16A7 7 0 1 0 57 32.264v-2.52c.397.007.787-.107 1.117-.327.552-.375.883-.999.883-1.666V24.79a3 3 0 0 0-2.669-2.981l-6.416-.709-.649-6.5a3.988 3.988 0 0 0-3.981-3.6H38a2 2 0 0 0-2 2v1h-3V4a2.993 2.993 0 0 0-5.816-1h-7.368a2.982 2.982 0 0 0-5.632 0H6.816A2.993 2.993 0 0 0 1 4v10a1 1 0 0 0 2 0V4a1 1 0 0 1 2 0v17H2a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2zm0-4h3v2H2zm27-1.889a6.979 6.979 0 0 0-11 1.3 6.979 6.979 0 0 0-11-1.3V31a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2zM12 43a5 5 0 1 1 0-10 5 5 0 0 1 0 10zm12 0a5 5 0 1 1 0-10 5 5 0 0 1 0 10zm7-8h5v2h-5zm27 3a5 5 0 1 1-10 0 5 5 0 0 1 10 0zm-5-7a7 7 0 0 0-6.92 6h-2.021A8.967 8.967 0 0 1 55 29.232V31.3a6.956 6.956 0 0 0-2-.3zm-5.725-16.2L47.9 21H43a1 1 0 0 1-1-1v-7h3.285a1.993 1.993 0 0 1 1.99 1.8zM38 13h2v7a3 3 0 0 0 3 3h5.947l7.163.8a1 1 0 0 1 .89.994l.034 2.974A11 11 0 0 0 42.051 37H38zm-2 3v5h-3v-5zM30 3a1 1 0 0 1 1 1v17h-2V4a1 1 0 0 1 1-1zm-3 18h-7V5h7zM17 3a1 1 0 0 1 1 1v17h-2V4a1 1 0 0 1 1-1zM7 5h7v16H7zm29 18v10h-5v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2H2V23z"
/>
</g>
</g>
</svg>
More icons in the same style and category