Mt icon
flagpack:mt
The Mt icon (flagpack:mt) is a free SVG icon from the Flagpack set by Yummygum. It is drawn on a 32 × 24 grid. Flagpack 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.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewBox="0 0 32 24"><mask id="SVGJl4X0cJB" fill="#fff"><path fill-rule="evenodd" d="M10 4H6v2.993A1 1 0 0 0 5.232 8H2v4h3.33c.13.267.375.469.67.539V16h4v-3.449a1 1 0 0 0 .733-.551H14V8h-3.169v-.034A1 1 0 0 0 10 6.98z" clip-rule="evenodd"/></mask><g fill="none"><path fill="#a0a0a0" fill-rule="evenodd" d="M10 4H6v2.993A1 1 0 0 0 5.232 8H2v4h3.33c.13.267.375.469.67.539V16h4v-3.449a1 1 0 0 0 .733-.551H14V8h-3.169v-.034A1 1 0 0 0 10 6.98z" clip-rule="evenodd"/><path fill="#feca00" d="M6 4V3H5v1zm4 0h1V3h-1zM6 6.993l.23.973l.77-.183v-.79zM5.232 8v1h1.035l-.035-1.034zM2 8V7H1v1zm0 4H1v1h1zm3.33 0l.901-.435L5.958 11h-.627zm.67.539h1v-.791l-.77-.182zM6 16H5v1h1zm4 0v1h1v-1zm0-3.449l-.167-.985l-.833.14v.845zm.733-.551v-1h-.628l-.273.565zM14 12v1h1v-1zm0-4h1V7h-1zm-3.169 0l-1-.034L9.798 9h1.034zM10 6.98H9v.844l.833.142zM6 5h4V3H6zm1 1.993V4H5v2.993zm-.768.973H6.23L5.769 6.02a2 2 0 0 0-1.537 1.946zm0 0h-2v.068zM2 9h3.232V7H2zm1 3V8H1v4zm2.33-1H2v2h3.33zm.9.566l.001-.001l-1.8.87a2 2 0 0 0 1.338 1.077zM7 16v-3.461H5V16zm3-1H6v2h4zm-1-2.449V16h2v-3.449zm1.167.986c.65-.11 1.19-.531 1.466-1.102l-1.8-.87zM14 11h-3.267v2H14zm-1-3v4h2V8zm-2.169 1H14V7h-3.169zm-1-1.034l2 .068v-.068zm.002 0q-.004-.002-.001 0q0-.003 0 0h2a2 2 0 0 0-1.665-1.972zM9 4v2.98h2V4z" mask="url(#SVGJl4X0cJB)"/><path fill="#e31d1c" fill-rule="evenodd" d="M16 0h16v24H16z" clip-rule="evenodd"/></g></svg>How to use the Mt icon
React
import { Icon } from "@iconify/react";
<Icon icon="flagpack:mt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flagpack:mt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flagpack:mt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flagpack--mt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flagpack -->
<div class="i-flagpack:mt"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flagpack:mt"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/flagpack/mt.svg" alt="Mt icon" width="24" height="24">Mt icon in other icon sets
Mt icon FAQ
Is the Mt icon free for commercial use?
Yes. Flagpack icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Mt icon in React?
Install @iconify/react and render <Icon icon="flagpack:mt" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mt icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/flagpack/mt.svg" alt="Mt icon">, or paste the SVG code inline to style it with CSS.