delivery truck emoji
delivery-truck from Fluent Emoji High Contrast by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- delivery-truck
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More travel & places icons from Fluent Emoji High Contrast
Use the delivery truck emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M17 6c-2.212 0-4 1.788-4 4v1H7.01c-.987 0-1.9.542-2.365 1.424L1.26 18.865l-.014.032A2.55 2.55 0 0 0 1 20v1h.91c.6 0 1.09.49 1.09 1.09v1.82c0 .6-.49 1.09-1.09 1.09h-.801a2.79 2.79 0 0 0 2.671 2.01h.249a4.5 4.5 0 1 1 8.943 0h6.057a4.5 4.5 0 1 1 8.943 0h.228c1.268 0 2.344-.85 2.686-2.01h-.336c-.81 0-1.51-.62-1.55-1.43c-.04-.86.65-1.57 1.5-1.57h.5V10c0-2.212-1.788-4-4-4zm-2 14V10c0-1.108.892-2 2-2h10c1.108 0 2 .892 2 2v10zm-1 0H3a.5.5 0 0 1 .011-.125a1 1 0 0 1 .052-.143L3.447 19H8.9c.61 0 1.1-.49 1.1-1.1v-2.79c0-.61-.49-1.1-1.1-1.1H6.07l.345-.654A.67.67 0 0 1 7.01 13H14z"/><path d="M12 26.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0M8.5 28a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3M27 26.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0M23.5 28a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastDeliveryTruck(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M17 6c-2.212 0-4 1.788-4 4v1H7.01c-.987 0-1.9.542-2.365 1.424L1.26 18.865l-.014.032A2.55 2.55 0 0 0 1 20v1h.91c.6 0 1.09.49 1.09 1.09v1.82c0 .6-.49 1.09-1.09 1.09h-.801a2.79 2.79 0 0 0 2.671 2.01h.249a4.5 4.5 0 1 1 8.943 0h6.057a4.5 4.5 0 1 1 8.943 0h.228c1.268 0 2.344-.85 2.686-2.01h-.336c-.81 0-1.51-.62-1.55-1.43c-.04-.86.65-1.57 1.5-1.57h.5V10c0-2.212-1.788-4-4-4zm-2 14V10c0-1.108.892-2 2-2h10c1.108 0 2 .892 2 2v10zm-1 0H3a.5.5 0 0 1 .011-.125a1 1 0 0 1 .052-.143L3.447 19H8.9c.61 0 1.1-.49 1.1-1.1v-2.79c0-.61-.49-1.1-1.1-1.1H6.07l.345-.654A.67.67 0 0 1 7.01 13H14z"/><path d="M12 26.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0M8.5 28a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3M27 26.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0M23.5 28a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M17 6c-2.212 0-4 1.788-4 4v1H7.01c-.987 0-1.9.542-2.365 1.424L1.26 18.865l-.014.032A2.55 2.55 0 0 0 1 20v1h.91c.6 0 1.09.49 1.09 1.09v1.82c0 .6-.49 1.09-1.09 1.09h-.801a2.79 2.79 0 0 0 2.671 2.01h.249a4.5 4.5 0 1 1 8.943 0h6.057a4.5 4.5 0 1 1 8.943 0h.228c1.268 0 2.344-.85 2.686-2.01h-.336c-.81 0-1.51-.62-1.55-1.43c-.04-.86.65-1.57 1.5-1.57h.5V10c0-2.212-1.788-4-4-4zm-2 14V10c0-1.108.892-2 2-2h10c1.108 0 2 .892 2 2v10zm-1 0H3a.5.5 0 0 1 .011-.125a1 1 0 0 1 .052-.143L3.447 19H8.9c.61 0 1.1-.49 1.1-1.1v-2.79c0-.61-.49-1.1-1.1-1.1H6.07l.345-.654A.67.67 0 0 1 7.01 13H14z"/><path d="M12 26.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0M8.5 28a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3M27 26.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0M23.5 28a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3"/></g></svg> </template>
CSS
.icon-delivery-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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M17%206c-2.212%200-4%201.788-4%204v1H7.01c-.987%200-1.9.542-2.365%201.424L1.26%2018.865l-.014.032A2.55%202.55%200%200%200%201%2020v1h.91c.6%200%201.09.49%201.09%201.09v1.82c0%20.6-.49%201.09-1.09%201.09h-.801a2.79%202.79%200%200%200%202.671%202.01h.249a4.5%204.5%200%201%201%208.943%200h6.057a4.5%204.5%200%201%201%208.943%200h.228c1.268%200%202.344-.85%202.686-2.01h-.336c-.81%200-1.51-.62-1.55-1.43c-.04-.86.65-1.57%201.5-1.57h.5V10c0-2.212-1.788-4-4-4zm-2%2014V10c0-1.108.892-2%202-2h10c1.108%200%202%20.892%202%202v10zm-1%200H3a.5.5%200%200%201%20.011-.125a1%201%200%200%201%20.052-.143L3.447%2019H8.9c.61%200%201.1-.49%201.1-1.1v-2.79c0-.61-.49-1.1-1.1-1.1H6.07l.345-.654A.67.67%200%200%201%207.01%2013H14z%22%2F%3E%3Cpath%20d%3D%22M12%2026.5a3.5%203.5%200%201%201-7%200a3.5%203.5%200%200%201%207%200M8.5%2028a1.5%201.5%200%201%200%200-3a1.5%201.5%200%200%200%200%203M27%2026.5a3.5%203.5%200%201%201-7%200a3.5%203.5%200%200%201%207%200M23.5%2028a1.5%201.5%200%201%200%200-3a1.5%201.5%200%200%200%200%203%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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M17%206c-2.212%200-4%201.788-4%204v1H7.01c-.987%200-1.9.542-2.365%201.424L1.26%2018.865l-.014.032A2.55%202.55%200%200%200%201%2020v1h.91c.6%200%201.09.49%201.09%201.09v1.82c0%20.6-.49%201.09-1.09%201.09h-.801a2.79%202.79%200%200%200%202.671%202.01h.249a4.5%204.5%200%201%201%208.943%200h6.057a4.5%204.5%200%201%201%208.943%200h.228c1.268%200%202.344-.85%202.686-2.01h-.336c-.81%200-1.51-.62-1.55-1.43c-.04-.86.65-1.57%201.5-1.57h.5V10c0-2.212-1.788-4-4-4zm-2%2014V10c0-1.108.892-2%202-2h10c1.108%200%202%20.892%202%202v10zm-1%200H3a.5.5%200%200%201%20.011-.125a1%201%200%200%201%20.052-.143L3.447%2019H8.9c.61%200%201.1-.49%201.1-1.1v-2.79c0-.61-.49-1.1-1.1-1.1H6.07l.345-.654A.67.67%200%200%201%207.01%2013H14z%22%2F%3E%3Cpath%20d%3D%22M12%2026.5a3.5%203.5%200%201%201-7%200a3.5%203.5%200%200%201%207%200M8.5%2028a1.5%201.5%200%201%200%200-3a1.5%201.5%200%200%200%200%203M27%2026.5a3.5%203.5%200%201%201-7%200a3.5%203.5%200%200%201%207%200M23.5%2028a1.5%201.5%200%201%200%200-3a1.5%201.5%200%200%200%200%203%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/delivery-truck.svg?color=%231a73e8&size=48
