truck icon
truck from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- truck
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
truckAkar Iconstruck-filledAnt Design IconstruckBootstrap IconstruckBoxIcons v2 SolidtruckFont Awesome 6 SolidtruckFont Awesome RegulartruckFont Awesome SolidtruckFeather Iconstruck-outlineFlowbite IconstruckHeroIconstruckHumbleiconstruckIconParktruckIconPark OutlinetruckIconoirtruckLine AwesometruckLucidetruckMajesticonstruckMaterial Design Iconstruck-fillMingCute IcontruckMyna UI IconstruckPhosphortruckPixelarticonstruckPrime Iconstruck-fillRemix Icon
Related icons in Huge Icons
Use the truck icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="17" cy="18" r="2"/><circle cx="7" cy="18" r="2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11 17h4M13.5 7h.943c1.31 0 1.966 0 2.521.315c.556.314.926.895 1.667 2.056c.52.814 1.064 1.406 1.831 1.931c.772.53 1.14.789 1.343 1.204c.195.398.195.869.195 1.811c0 1.243 0 1.864-.349 2.259l-.046.049c-.367.375-.946.375-2.102.375H19"/><path stroke-linecap="round" stroke-linejoin="round" d="m13 7l.994 2.486c.487 1.217.73 1.826 1.239 2.17c.508.344 1.163.344 2.475.344H21M4.87 17c-1.353 0-2.03 0-2.45-.44C2 16.122 2 15.415 2 14V7c0-1.414 0-2.121.42-2.56S3.517 4 4.87 4h5.26c1.353 0 2.03 0 2.45.44C13 4.878 13 5.585 13 7v10H8.696"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsTruck(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><circle cx="17" cy="18" r="2"/><circle cx="7" cy="18" r="2"/><path strokeLinecap="round" strokeLinejoin="round" d="M11 17h4M13.5 7h.943c1.31 0 1.966 0 2.521.315c.556.314.926.895 1.667 2.056c.52.814 1.064 1.406 1.831 1.931c.772.53 1.14.789 1.343 1.204c.195.398.195.869.195 1.811c0 1.243 0 1.864-.349 2.259l-.046.049c-.367.375-.946.375-2.102.375H19"/><path strokeLinecap="round" strokeLinejoin="round" d="m13 7l.994 2.486c.487 1.217.73 1.826 1.239 2.17c.508.344 1.163.344 2.475.344H21M4.87 17c-1.353 0-2.03 0-2.45-.44C2 16.122 2 15.415 2 14V7c0-1.414 0-2.121.42-2.56S3.517 4 4.87 4h5.26c1.353 0 2.03 0 2.45.44C13 4.878 13 5.585 13 7v10H8.696"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="17" cy="18" r="2"/><circle cx="7" cy="18" r="2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11 17h4M13.5 7h.943c1.31 0 1.966 0 2.521.315c.556.314.926.895 1.667 2.056c.52.814 1.064 1.406 1.831 1.931c.772.53 1.14.789 1.343 1.204c.195.398.195.869.195 1.811c0 1.243 0 1.864-.349 2.259l-.046.049c-.367.375-.946.375-2.102.375H19"/><path stroke-linecap="round" stroke-linejoin="round" d="m13 7l.994 2.486c.487 1.217.73 1.826 1.239 2.17c.508.344 1.163.344 2.475.344H21M4.87 17c-1.353 0-2.03 0-2.45-.44C2 16.122 2 15.415 2 14V7c0-1.414 0-2.121.42-2.56S3.517 4 4.87 4h5.26c1.353 0 2.03 0 2.45.44C13 4.878 13 5.585 13 7v10H8.696"/></g></svg> </template>
CSS
.icon-truck {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M11%2017h4M13.5%207h.943c1.31%200%201.966%200%202.521.315c.556.314.926.895%201.667%202.056c.52.814%201.064%201.406%201.831%201.931c.772.53%201.14.789%201.343%201.204c.195.398.195.869.195%201.811c0%201.243%200%201.864-.349%202.259l-.046.049c-.367.375-.946.375-2.102.375H19%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m13%207l.994%202.486c.487%201.217.73%201.826%201.239%202.17c.508.344%201.163.344%202.475.344H21M4.87%2017c-1.353%200-2.03%200-2.45-.44C2%2016.122%202%2015.415%202%2014V7c0-1.414%200-2.121.42-2.56S3.517%204%204.87%204h5.26c1.353%200%202.03%200%202.45.44C13%204.878%2013%205.585%2013%207v10H8.696%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M11%2017h4M13.5%207h.943c1.31%200%201.966%200%202.521.315c.556.314.926.895%201.667%202.056c.52.814%201.064%201.406%201.831%201.931c.772.53%201.14.789%201.343%201.204c.195.398.195.869.195%201.811c0%201.243%200%201.864-.349%202.259l-.046.049c-.367.375-.946.375-2.102.375H19%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m13%207l.994%202.486c.487%201.217.73%201.826%201.239%202.17c.508.344%201.163.344%202.475.344H21M4.87%2017c-1.353%200-2.03%200-2.45-.44C2%2016.122%202%2015.415%202%2014V7c0-1.414%200-2.121.42-2.56S3.517%204%204.87%204h5.26c1.353%200%202.03%200%202.45.44C13%204.878%2013%205.585%2013%207v10H8.696%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/truck.svg?color=%231a73e8&size=48
