Add icons to this collection by clicking the heart icon.
Fire Truck icon - also known as fire, vehicle, transportation, truck, firefighting, miscellaneous, fire truck, and firefighter car. Created in a clean 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 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="4.63"
y2="56.874"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient id="b" x1="13" x2="13" y1="4.63" y2="56.874" href="#a" />
<linearGradient id="c" x1="51" x2="51" y1="4.63" y2="56.874" href="#a" />
<linearGradient id="d" x1="44" x2="44" y1="4.63" y2="56.874" href="#a" />
<linearGradient id="e" x1="47" x2="47" y1="4.63" y2="56.874" href="#a" />
<linearGradient
id="f"
x1="42.05"
x2="42.05"
y1="4.63"
y2="56.874"
gradientTransform="rotate(45 42.055 11.044)"
href="#a"
/>
<linearGradient
id="g"
x1="51.95"
x2="51.95"
y1="4.63"
y2="56.874"
gradientTransform="rotate(45 51.955 11.041)"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="m61.81 33.31-5.39-14.36A3 3 0 0 0 53.61 17H50v-1a3 3 0 0 0-6 0v1h-3a3.016 3.016 0 0 0-2.61 1.54 6.913 6.913 0 0 0-1.44-1.31A.948.948 0 0 0 37 17v-4a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h.11A6.97 6.97 0 0 0 2 23v9a6.967 6.967 0 0 0 2.23 5.11A2.994 2.994 0 0 0 2 40v8a3.009 3.009 0 0 0 3 3h1.08a6.991 6.991 0 0 0 13.84 0h24.16a6.991 6.991 0 0 0 13.84 0H59a3.009 3.009 0 0 0 3-3V34.36a2.911 2.911 0 0 0-.19-1.05zM46 16a1 1 0 0 1 2 0v1h-2zm-6 7h11.32l3.2 8H40zm-7-9h2v2h-2zm-4 0h2v2h-2zm-4 0h2v2h-2zm-4 0h2v2h-2zm-4 0h2v2h-2zm-4 0h2v2h-2zm-4 0h2v2H9zm-4 0h2v2H5zM4 32v-9a5 5 0 0 1 5-5h24a5 5 0 0 1 5 5v14H9a5 5 0 0 1-5-5zm13.9 19a5.038 5.038 0 0 1-.73 1.75l-.63-.63-1.42 1.42.63.63a5.038 5.038 0 0 1-1.75.73V54h-2v.9a5.038 5.038 0 0 1-1.75-.73l.63-.63-1.42-1.42-.63.63A5.038 5.038 0 0 1 8.1 51H9v-2h-.9a5.038 5.038 0 0 1 .73-1.75l.63.63 1.42-1.42-.63-.63A5.038 5.038 0 0 1 12 45.1v.9h2v-.9a5.038 5.038 0 0 1 1.75.73l-.63.63 1.42 1.42.63-.63A5.038 5.038 0 0 1 17.9 49H17v2zm38 0a5.038 5.038 0 0 1-.73 1.75l-.63-.63-1.42 1.42.63.63a5.038 5.038 0 0 1-1.75.73V54h-2v.9a5.038 5.038 0 0 1-1.75-.73l.63-.63-1.42-1.42-.63.63A5.038 5.038 0 0 1 46.1 51h.9v-2h-.9a5.038 5.038 0 0 1 .73-1.75l.63.63 1.42-1.42-.63-.63A5.038 5.038 0 0 1 50 45.1v.9h2v-.9a5.038 5.038 0 0 1 1.75.73l-.63.63 1.42 1.42.63-.63A5.038 5.038 0 0 1 55.9 49H55v2zM60 39h-3a1 1 0 0 1 0-2h3zm0-4h-3a3 3 0 0 0 0 6h3v2h-3v2h3v3a1 1 0 0 1-1 1h-1.08a6.991 6.991 0 0 0-13.84 0H19.92a6.991 6.991 0 0 0-13.84 0H5a1 1 0 0 1-1-1v-5h3v-2H4v-1a1 1 0 0 1 1-1h34a1 1 0 0 0 1-1v-5h16a1 1 0 0 0 .83-.44 1.021 1.021 0 0 0 .1-.93l-4-10A1 1 0 0 0 52 21H40v-1a1 1 0 0 1 1-1h12.61a1.007 1.007 0 0 1 .94.65l5.39 14.36a1.03 1.03 0 0 1 .06.35z"
/>
<path
fill="url(#b)"
d="M13 47a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="url(#c)"
d="M51 47a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path fill="url(#d)" d="M42 35h4v2h-4z" />
<path fill="url(#e)" d="M46 7h2v4h-2z" />
<path
fill="url(#f)"
d="M41.05 9.051h2v4h-2z"
transform="rotate(-45 42.052 11.058)"
/>
<path
fill="url(#g)"
d="M49.95 10.05h4v2h-4z"
transform="rotate(-45 51.952 11.06)"
/>
</g>
</svg>
More icons in the same style and category