Mint icon
material-icon-theme:mint
The Mint icon (material-icon-theme:mint) is a free SVG icon from the Material Icon Theme set by Material Extensions. It is drawn on a 256 × 256 grid. Material Icon Theme 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
- Material Icon Theme
- Author
- Material Extensions
- License
- MIT
- Size
- 256 × 256
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#43a047" d="M128 18.753c-2.84 10.841-27.094 17.766-28.772 31.512l-2.738-8.22C82.21 60.232 83.473 69.446 83.473 69.446l-1.2-6.593c-10.422 17.426-8.215 25.963-7.012 28.566l.505.892s-.225-.287-.505-.892l-2.748-4.846c-10.824 29.941-1.371 39.133-1.371 39.133l-5.822-6.764c-2.573 22.94 4.11 32.368 4.11 32.368l-4.196-3.94c-.534 15.582 9.677 24.833 9.677 24.833l-6.73-4.615c12.951 56.58 38.666 58.104 41.982 58.061l-10.25.331c6.836 7.318 15.562 10.156 21.464 11.267c3.218-17.067 6.176-58.395 6.623-166.69c.447 108.29 3.407 149.62 6.625 166.69c5.903-1.112 14.629-3.951 21.464-11.267l-10.248-.33c3.32.042 29.03-1.488 41.98-58.062l-6.73 4.616s10.211-9.25 9.677-24.833l-4.196 3.94s6.683-9.427 4.11-32.368l-5.822 6.764s9.453-9.192-1.371-39.133l-2.746 4.84c-.281.609-.508.895-.508.895l.508-.894c1.204-2.609 3.403-11.145-7.015-28.561l-1.199 6.593s1.264-9.215-13.017-27.402l-2.74 8.221c-1.677-13.745-25.93-20.67-28.771-31.51z"/></svg>How to use the Mint icon
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:mint" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:mint" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:mint" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--mint]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:mint"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:mint"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/material-icon-theme/mint.svg" alt="Mint icon" width="24" height="24">Mint icon in other icon sets
Mint icon FAQ
Is the Mint icon free for commercial use?
Yes. Material Icon Theme icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Mint icon in React?
Install @iconify/react and render <Icon icon="material-icon-theme:mint" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mint icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/material-icon-theme/mint.svg" alt="Mint icon">, or paste the SVG code inline to style it with CSS.