ICONYZ
English
Tractor icon from Fluent Emoji Flat

Tractor icon

fluent-emoji-flat:tractor

The Tractor icon (fluent-emoji-flat:tractor) is a free SVG icon from the Fluent Emoji Flat set by Microsoft Corporation. It is drawn on a 32 × 32 grid. Fluent Emoji Flat 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 Emoji Flat
Author
Microsoft Corporation
License
MIT
Size
32 × 32
Category
Travel & Places
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#00f397" d="M15 7a1 1 0 1 0 0 2h.677l5.162.995L26 9V8a1 1 0 0 0-1-1zm11 9l-7-1.5l-8 1.5H5c-1.5 0-3 1.5-3 3.03v5.974C2 26.102 2.9 27 3.998 27h21.254A2.745 2.745 0 0 0 28 24.255v-5.82a2.43 2.43 0 0 0-2-2.396z"/><path fill="#d3d3d3" d="M10 17H9v-3.501c0-.28.22-.499.5-.499s.5.22.5.499z"/><path fill="#9b9b9b" d="M10 14H9v1h1z"/><path fill="#321b41" d="M30 24.51a5.5 5.5 0 1 1-11 0a5.5 5.5 0 0 1 11 0m-18.98 2a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0"/><path fill="#d3d3d3" d="M27 24.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m-18 2a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0"/><path fill="#26c9fc" d="M15.68 9L11 16h14V9z"/><path fill="#008463" d="M18 9h-1v7h1zm8 0h-1v7h1zm-2.01 9A5.99 5.99 0 0 0 18 24a.5.5 0 1 1-1 0c0-3.865 3.123-7 6.99-7h5.52a.5.5 0 1 1 0 1zM5.52 21.51a.5.5 0 0 1 .5-.5h2.49a4.5 4.5 0 0 1 4.5 4.5a.5.5 0 1 1-1 0c0-1.934-1.566-3.5-3.5-3.5H6.02a.5.5 0 0 1-.5-.5"/><path fill="#321b41" d="M3.507 20H2v-1h1.507c.276 0 .493.22.493.5s-.217.5-.493.5m0 2H2v-1h1.507c.276 0 .493.22.493.5c0 .27-.217.5-.493.5M2 24h1.507c.276 0 .493-.23.493-.5c0-.28-.217-.5-.493-.5H2z"/></g></svg>

How to use the Tractor icon

React

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

<Icon icon="fluent-emoji-flat:tractor" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-flat:tractor" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-flat:tractor" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--tractor]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:tractor"></div>

Web component

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

<iconify-icon icon="fluent-emoji-flat:tractor"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/tractor.svg" alt="Tractor icon" width="24" height="24">

Tractor icon in other icon sets

Tractor icon FAQ

Is the Tractor icon free for commercial use?

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

How do I use the Tractor icon in React?

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

How do I add the Tractor icon to a web page?

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

Browse all Fluent Emoji Flat icons →