truck monster icon
truck-monster from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- truck-monster
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Huge Icons
Use the truck monster 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-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m21 14l-.242-2.422c-.125-1.252-.188-1.877-.557-2.339s-.966-.66-2.158-1.058c-.37-.123-.62-.244-.856-.556c-.755-.998-1.843-2.939-2.66-3.367C14.038 4 13.458 4 12.298 4H11c-.943 0-1.414 0-1.707.293S9 5.057 9 6v7.5m0-4H3V14"/><path d="M17.5 8H14c-.943 0-1.414 0-1.707-.293S12 6.943 12 6V4M9 5H8m4 5.5h1m.5 6.5h-3m-1-3h5m-10 0h-1c-.466 0-.699 0-.883.076C2.002 14.331 2 14.93 2 15.5s.002 1.17.617 1.424c.184.076.417.076.883.076m16-3h1c.466 0 .699 0 .883.076c.615.255.617.854.617 1.424s-.002 1.17-.617 1.424c-.184.076-.417.076-.883.076"/><path d="M10.5 16.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0M17 20a3.5 3.5 0 1 0 0-7a3.5 3.5 0 0 0 0 7"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsTruckMonster(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" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="m21 14l-.242-2.422c-.125-1.252-.188-1.877-.557-2.339s-.966-.66-2.158-1.058c-.37-.123-.62-.244-.856-.556c-.755-.998-1.843-2.939-2.66-3.367C14.038 4 13.458 4 12.298 4H11c-.943 0-1.414 0-1.707.293S9 5.057 9 6v7.5m0-4H3V14"/><path d="M17.5 8H14c-.943 0-1.414 0-1.707-.293S12 6.943 12 6V4M9 5H8m4 5.5h1m.5 6.5h-3m-1-3h5m-10 0h-1c-.466 0-.699 0-.883.076C2.002 14.331 2 14.93 2 15.5s.002 1.17.617 1.424c.184.076.417.076.883.076m16-3h1c.466 0 .699 0 .883.076c.615.255.617.854.617 1.424s-.002 1.17-.617 1.424c-.184.076-.417.076-.883.076"/><path d="M10.5 16.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0M17 20a3.5 3.5 0 1 0 0-7a3.5 3.5 0 0 0 0 7"/></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-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m21 14l-.242-2.422c-.125-1.252-.188-1.877-.557-2.339s-.966-.66-2.158-1.058c-.37-.123-.62-.244-.856-.556c-.755-.998-1.843-2.939-2.66-3.367C14.038 4 13.458 4 12.298 4H11c-.943 0-1.414 0-1.707.293S9 5.057 9 6v7.5m0-4H3V14"/><path d="M17.5 8H14c-.943 0-1.414 0-1.707-.293S12 6.943 12 6V4M9 5H8m4 5.5h1m.5 6.5h-3m-1-3h5m-10 0h-1c-.466 0-.699 0-.883.076C2.002 14.331 2 14.93 2 15.5s.002 1.17.617 1.424c.184.076.417.076.883.076m16-3h1c.466 0 .699 0 .883.076c.615.255.617.854.617 1.424s-.002 1.17-.617 1.424c-.184.076-.417.076-.883.076"/><path d="M10.5 16.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0M17 20a3.5 3.5 0 1 0 0-7a3.5 3.5 0 0 0 0 7"/></g></svg> </template>
CSS
.icon-truck-monster {
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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22m21%2014l-.242-2.422c-.125-1.252-.188-1.877-.557-2.339s-.966-.66-2.158-1.058c-.37-.123-.62-.244-.856-.556c-.755-.998-1.843-2.939-2.66-3.367C14.038%204%2013.458%204%2012.298%204H11c-.943%200-1.414%200-1.707.293S9%205.057%209%206v7.5m0-4H3V14%22%2F%3E%3Cpath%20d%3D%22M17.5%208H14c-.943%200-1.414%200-1.707-.293S12%206.943%2012%206V4M9%205H8m4%205.5h1m.5%206.5h-3m-1-3h5m-10%200h-1c-.466%200-.699%200-.883.076C2.002%2014.331%202%2014.93%202%2015.5s.002%201.17.617%201.424c.184.076.417.076.883.076m16-3h1c.466%200%20.699%200%20.883.076c.615.255.617.854.617%201.424s-.002%201.17-.617%201.424c-.184.076-.417.076-.883.076%22%2F%3E%3Cpath%20d%3D%22M10.5%2016.5a3.5%203.5%200%201%201-7%200a3.5%203.5%200%200%201%207%200M17%2020a3.5%203.5%200%201%200%200-7a3.5%203.5%200%200%200%200%207%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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22m21%2014l-.242-2.422c-.125-1.252-.188-1.877-.557-2.339s-.966-.66-2.158-1.058c-.37-.123-.62-.244-.856-.556c-.755-.998-1.843-2.939-2.66-3.367C14.038%204%2013.458%204%2012.298%204H11c-.943%200-1.414%200-1.707.293S9%205.057%209%206v7.5m0-4H3V14%22%2F%3E%3Cpath%20d%3D%22M17.5%208H14c-.943%200-1.414%200-1.707-.293S12%206.943%2012%206V4M9%205H8m4%205.5h1m.5%206.5h-3m-1-3h5m-10%200h-1c-.466%200-.699%200-.883.076C2.002%2014.331%202%2014.93%202%2015.5s.002%201.17.617%201.424c.184.076.417.076.883.076m16-3h1c.466%200%20.699%200%20.883.076c.615.255.617.854.617%201.424s-.002%201.17-.617%201.424c-.184.076-.417.076-.883.076%22%2F%3E%3Cpath%20d%3D%22M10.5%2016.5a3.5%203.5%200%201%201-7%200a3.5%203.5%200%200%201%207%200M17%2020a3.5%203.5%200%201%200%200-7a3.5%203.5%200%200%200%200%207%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-monster.svg?color=%231a73e8&size=48
