ICONYZ
English
Delivery Truck icon from Fluent UI MDL2

Delivery Truck icon

fluent-mdl2:delivery-truck

The Delivery Truck icon (fluent-mdl2:delivery-truck) is a free SVG icon from the Fluent UI MDL2 set by Microsoft Corporation. It is drawn on a 2048 × 2048 grid. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Fluent UI MDL2
Author
Microsoft Corporation
License
MIT
Size
2048 × 2048
Tags
deliverytruck
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M2048 1536h-524q-10 29-28 52t-41 40t-52 26t-59 10q-30 0-58-9t-52-26t-42-40t-28-53H628q-10 29-28 52t-41 40t-52 26t-59 10q-30 0-58-9t-52-26t-42-40t-28-53H0V384h1408v128h360l280 561zM128 1408h140q10-28 28-52t41-40t52-26t59-10t58 9t52 26t42 41t28 52h536q14-41 44-71t72-45V512H128zm320 128q26 0 45-19t19-45t-19-45t-45-19t-45 19t-19 45t19 45t45 19m896 0q26 0 45-19t19-45t-19-45t-45-19t-45 19t-19 45t19 45t45 19m576-433l-232-463h-280v652q41 14 71 44t45 72h396z"/></svg>

How to use the Delivery Truck icon

React

import { Icon } from "@iconify/react";

<Icon icon="fluent-mdl2:delivery-truck" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent-mdl2:delivery-truck" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent-mdl2:delivery-truck" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--delivery-truck]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:delivery-truck"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent-mdl2:delivery-truck"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/delivery-truck.svg" alt="Delivery Truck icon" width="24" height="24">

Delivery Truck icon in other icon sets

Delivery Truck icon FAQ

Is the Delivery Truck icon free for commercial use?

Yes. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Delivery Truck icon in React?

Install @iconify/react and render <Icon icon="fluent-mdl2:delivery-truck" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Delivery Truck icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/delivery-truck.svg" alt="Delivery Truck icon">, or paste the SVG code inline to style it with CSS.

Browse all Fluent UI MDL2 icons →