truck icon
truck-filled from Ant Design Icons by HeskeyBaozi · Filled · MIT Free for personal and commercial use.
- Name
- truck-filled
- Set
- Ant Design Icons
- Style
- Filled
- Viewbox
- 1024×1024
- License
- MIT
1 other variant in Ant Design Icons
The same icon in other sets
truckAkar IconstruckBootstrap IconstruckBoxIcons v2 SolidtruckFont Awesome 6 SolidtruckFont Awesome RegulartruckFont Awesome SolidtruckFeather Iconstruck-outlineFlowbite IconstruckHeroIconstruckHuge IconstruckHumbleiconstruckIconParktruckIconPark OutlinetruckIconoirtruckLine AwesometruckLucidetruckMajesticonstruckMaterial Design Iconstruck-fillMingCute IcontruckMyna UI IconstruckPhosphortruckPixelarticonstruckPrime Iconstruck-fillRemix Icon
Use the truck icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M608 192c17.673 0 32 14.327 32 32v160h174.815a32 32 0 0 1 26.676 14.327l113.186 170.846A32 32 0 0 1 960 586.846V672c0 17.673-14.327 32-32 32h-96c0 70.692-57.308 128-128 128s-128-57.308-128-128H384c0 70.692-57.308 128-128 128s-128-57.308-128-128H96c-17.673 0-32-14.327-32-32V224c0-17.673 14.327-32 32-32zM256 640c-35.346 0-64 28.654-64 64s28.654 64 64 64l1.058-.009C291.916 767.426 320 738.993 320 704c0-35.346-28.654-64-64-64m448 0c-35.346 0-64 28.654-64 64s28.654 64 64 64l1.058-.009C739.916 767.426 768 738.993 768 704c0-35.346-28.654-64-64-64m93.629-192H640v145.124C658.829 582.234 680.687 576 704 576c47.378 0 88.745 25.741 110.876 64H896v-43.516zM500 448H332c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h168c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12M308 320H204c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h104c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12"/></svg>
React
import type { SVGProps } from "react";
export function AntDesignTruckFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fillRule="evenodd" d="M608 192c17.673 0 32 14.327 32 32v160h174.815a32 32 0 0 1 26.676 14.327l113.186 170.846A32 32 0 0 1 960 586.846V672c0 17.673-14.327 32-32 32h-96c0 70.692-57.308 128-128 128s-128-57.308-128-128H384c0 70.692-57.308 128-128 128s-128-57.308-128-128H96c-17.673 0-32-14.327-32-32V224c0-17.673 14.327-32 32-32zM256 640c-35.346 0-64 28.654-64 64s28.654 64 64 64l1.058-.009C291.916 767.426 320 738.993 320 704c0-35.346-28.654-64-64-64m448 0c-35.346 0-64 28.654-64 64s28.654 64 64 64l1.058-.009C739.916 767.426 768 738.993 768 704c0-35.346-28.654-64-64-64m93.629-192H640v145.124C658.829 582.234 680.687 576 704 576c47.378 0 88.745 25.741 110.876 64H896v-43.516zM500 448H332c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h168c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12M308 320H204c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h104c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M608 192c17.673 0 32 14.327 32 32v160h174.815a32 32 0 0 1 26.676 14.327l113.186 170.846A32 32 0 0 1 960 586.846V672c0 17.673-14.327 32-32 32h-96c0 70.692-57.308 128-128 128s-128-57.308-128-128H384c0 70.692-57.308 128-128 128s-128-57.308-128-128H96c-17.673 0-32-14.327-32-32V224c0-17.673 14.327-32 32-32zM256 640c-35.346 0-64 28.654-64 64s28.654 64 64 64l1.058-.009C291.916 767.426 320 738.993 320 704c0-35.346-28.654-64-64-64m448 0c-35.346 0-64 28.654-64 64s28.654 64 64 64l1.058-.009C739.916 767.426 768 738.993 768 704c0-35.346-28.654-64-64-64m93.629-192H640v145.124C658.829 582.234 680.687 576 704 576c47.378 0 88.745 25.741 110.876 64H896v-43.516zM500 448H332c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h168c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12M308 320H204c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h104c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12"/></svg> </template>
CSS
.icon-truck-filled {
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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M608%20192c17.673%200%2032%2014.327%2032%2032v160h174.815a32%2032%200%200%201%2026.676%2014.327l113.186%20170.846A32%2032%200%200%201%20960%20586.846V672c0%2017.673-14.327%2032-32%2032h-96c0%2070.692-57.308%20128-128%20128s-128-57.308-128-128H384c0%2070.692-57.308%20128-128%20128s-128-57.308-128-128H96c-17.673%200-32-14.327-32-32V224c0-17.673%2014.327-32%2032-32zM256%20640c-35.346%200-64%2028.654-64%2064s28.654%2064%2064%2064l1.058-.009C291.916%20767.426%20320%20738.993%20320%20704c0-35.346-28.654-64-64-64m448%200c-35.346%200-64%2028.654-64%2064s28.654%2064%2064%2064l1.058-.009C739.916%20767.426%20768%20738.993%20768%20704c0-35.346-28.654-64-64-64m93.629-192H640v145.124C658.829%20582.234%20680.687%20576%20704%20576c47.378%200%2088.745%2025.741%20110.876%2064H896v-43.516zM500%20448H332c-6.627%200-12%205.373-12%2012v40c0%206.627%205.373%2012%2012%2012h168c6.627%200%2012-5.373%2012-12v-40c0-6.627-5.373-12-12-12M308%20320H204c-6.627%200-12%205.373-12%2012v40c0%206.627%205.373%2012%2012%2012h104c6.627%200%2012-5.373%2012-12v-40c0-6.627-5.373-12-12-12%22%2F%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M608%20192c17.673%200%2032%2014.327%2032%2032v160h174.815a32%2032%200%200%201%2026.676%2014.327l113.186%20170.846A32%2032%200%200%201%20960%20586.846V672c0%2017.673-14.327%2032-32%2032h-96c0%2070.692-57.308%20128-128%20128s-128-57.308-128-128H384c0%2070.692-57.308%20128-128%20128s-128-57.308-128-128H96c-17.673%200-32-14.327-32-32V224c0-17.673%2014.327-32%2032-32zM256%20640c-35.346%200-64%2028.654-64%2064s28.654%2064%2064%2064l1.058-.009C291.916%20767.426%20320%20738.993%20320%20704c0-35.346-28.654-64-64-64m448%200c-35.346%200-64%2028.654-64%2064s28.654%2064%2064%2064l1.058-.009C739.916%20767.426%20768%20738.993%20768%20704c0-35.346-28.654-64-64-64m93.629-192H640v145.124C658.829%20582.234%20680.687%20576%20704%20576c47.378%200%2088.745%2025.741%20110.876%2064H896v-43.516zM500%20448H332c-6.627%200-12%205.373-12%2012v40c0%206.627%205.373%2012%2012%2012h168c6.627%200%2012-5.373%2012-12v-40c0-6.627-5.373-12-12-12M308%20320H204c-6.627%200-12%205.373-12%2012v40c0%206.627%205.373%2012%2012%2012h104c6.627%200%2012-5.373%2012-12v-40c0-6.627-5.373-12-12-12%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/truck-filled.svg?color=%231a73e8&size=48
