truck icon
truck-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.
- Name
- truck-outlined
- Set
- Ant Design Icons
- Style
- Outlined
- 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-64M576 256H128v384h17.124c22.131-38.259 63.498-64 110.876-64s88.745 25.741 110.876 64H576zm221.629 192H640v145.124C658.829 582.234 680.687 576 704 576c47.378 0 88.745 25.741 110.876 64H896v-43.516zM500 448c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12H332c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12zM308 320c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12H204c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12z"/></svg>
React
import type { SVGProps } from "react";
export function AntDesignTruckOutlined(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-64M576 256H128v384h17.124c22.131-38.259 63.498-64 110.876-64s88.745 25.741 110.876 64H576zm221.629 192H640v145.124C658.829 582.234 680.687 576 704 576c47.378 0 88.745 25.741 110.876 64H896v-43.516zM500 448c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12H332c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12zM308 320c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12H204c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12z"/></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-64M576 256H128v384h17.124c22.131-38.259 63.498-64 110.876-64s88.745 25.741 110.876 64H576zm221.629 192H640v145.124C658.829 582.234 680.687 576 704 576c47.378 0 88.745 25.741 110.876 64H896v-43.516zM500 448c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12H332c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12zM308 320c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12H204c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12z"/></svg> </template>
CSS
.icon-truck-outlined {
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-64M576%20256H128v384h17.124c22.131-38.259%2063.498-64%20110.876-64s88.745%2025.741%20110.876%2064H576zm221.629%20192H640v145.124C658.829%20582.234%20680.687%20576%20704%20576c47.378%200%2088.745%2025.741%20110.876%2064H896v-43.516zM500%20448c6.627%200%2012%205.373%2012%2012v40c0%206.627-5.373%2012-12%2012H332c-6.627%200-12-5.373-12-12v-40c0-6.627%205.373-12%2012-12zM308%20320c6.627%200%2012%205.373%2012%2012v40c0%206.627-5.373%2012-12%2012H204c-6.627%200-12-5.373-12-12v-40c0-6.627%205.373-12%2012-12z%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-64M576%20256H128v384h17.124c22.131-38.259%2063.498-64%20110.876-64s88.745%2025.741%20110.876%2064H576zm221.629%20192H640v145.124C658.829%20582.234%20680.687%20576%20704%20576c47.378%200%2088.745%2025.741%20110.876%2064H896v-43.516zM500%20448c6.627%200%2012%205.373%2012%2012v40c0%206.627-5.373%2012-12%2012H332c-6.627%200-12-5.373-12-12v-40c0-6.627%205.373-12%2012-12zM308%20320c6.627%200%2012%205.373%2012%2012v40c0%206.627-5.373%2012-12%2012H204c-6.627%200-12-5.373-12-12v-40c0-6.627%205.373-12%2012-12z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/truck-outlined.svg?color=%231a73e8&size=48
