Truck Icon
Free SVG icon from the Govicons collection. Download or copy for use in any project.
The Truck icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/304860.svg" alt="Truck icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/304860.svg" alt="Truck icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/304860.svg" alt="Truck icon" :width="24" :height="24" />
CSS background
.icon-truck {
background-image: url('https://proicons.com/icon/304860.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 56"><title>truck</title><path d="M54.27,36.24A4.78,4.78,0,1,0,59.05,41,4.79,4.79,0,0,0,54.27,36.24Zm0,6.19A1.41,1.41,0,1,1,55.67,41,1.41,1.41,0,0,1,54.27,42.43Z"/><path d="M53.81,16.38H45.56a1.13,1.13,0,0,0-1.13,1.13V39.43a1.12,1.12,0,0,0,1.13,1.12h1.19a1.12,1.12,0,0,0,1.12-.95,6.48,6.48,0,0,1,12.8,0,1.11,1.11,0,0,0,1.12.95H63a1.13,1.13,0,0,0,1.13-1.12v-11a1.11,1.11,0,0,0-.27-.72l-9.17-11A1.11,1.11,0,0,0,53.81,16.38Zm-7.13,9V19.76a1.13,1.13,0,0,1,1.12-1.13h5a1.11,1.11,0,0,1,.86.41l4.68,5.62a1.12,1.12,0,0,1-.86,1.84H47.8A1.12,1.12,0,0,1,46.68,25.38Z"/><path d="M9,40.55H11.9A1.12,1.12,0,0,0,13,39.6a6.2,6.2,0,0,1,6.4-5.48,6.2,6.2,0,0,1,6.4,5.48,1.11,1.11,0,0,0,1.12.95H41.06a1.12,1.12,0,0,0,1.12-1.12V11.32a1.12,1.12,0,0,0-1.12-1.12H9a1.13,1.13,0,0,0-1.13,1.12V39.43A1.13,1.13,0,0,0,9,40.55Z"/><path d="M19.42,36.24A4.78,4.78,0,1,0,24.2,41,4.79,4.79,0,0,0,19.42,36.24Zm0,6.19A1.41,1.41,0,1,1,20.82,41,1.41,1.41,0,0,1,19.42,42.43Z"/></svg>
More from Govicons
View all
Truck in other icon packs
Copied!