Ícone Mn
flagpack:mn
O ícone Mn (flagpack:mn) é um ícone SVG gratuito da coleção Flagpack de Yummygum. Ele é desenhado em uma grade de 32 × 24. Flagpack icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewBox="0 0 32 24"><g fill="none"><path fill="#4c67e8" fill-rule="evenodd" d="M10 0h12v24H10z" clip-rule="evenodd"/><path fill="#c51918" fill-rule="evenodd" d="M22 0h10v24H22zM0 0h12v24H0z" clip-rule="evenodd"/><path fill="#f8d000" fill-rule="evenodd" d="M6.014 6.884c-1.013 0-.88-.987-.88-.987l.48-1.038v1.038c0 .133.182-.134.182-.455s.218-.802.218-.802s.009-.161.015-.32c.034.082.104.152.21.26l.06.06c.124.128.108.468.093.762c-.013.266-.025.495.073.495c.206 0 .19-.919.19-.919l.346.919s.026.987-.987.987m0-2.82c.026-.15.022.051.015.256a.44.44 0 0 1-.015-.255m1.524 4.62c0 .802-.671 1.453-1.5 1.453c-.828 0-1.5-.65-1.5-1.453s.672-1.454 1.5-1.454c.829 0 1.5.651 1.5 1.454m-3.769 2.72H2v8.572h1.77zm6.231 0H8.23v8.572H10zm-5.77.075l1.725 1.068L7.9 11.479zM5.956 20l-1.724-1.068H7.9zm-1.724-7.105h3.615v.67H4.231zm3.615 4.994H4.231v.67h3.615zm-1.77-.373c1.02 0 1.847-.8 1.847-1.789s-.826-1.789-1.846-1.789s-1.846.801-1.846 1.79c0 .987.826 1.788 1.846 1.788m-2.073-8.3s.062 1.868 1.903 1.868s2.137-1.868 2.137-1.868s-.712 1.144-2.02 1.144c-1.307 0-2.02-1.144-2.02-1.144" clip-rule="evenodd"/><path fill="#c51918" d="m6.359 13.972l.082-.367c.412.451.6.704.511 1.118c-.098.461-.617.975-1.219 1.399c-.364.256-.587.949-.406 1.169l-.173.314c-.403-.49-.081-1.417.475-1.808c.511-.36.868-.737.93-1.033c.04-.194.117-.445-.2-.792"/><path fill="#c51918" fill-rule="evenodd" d="M6.5 17a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m-1.124-1.35a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1" clip-rule="evenodd"/></g></svg>Como usar o ícone Mn
React
import { Icon } from "@iconify/react";
<Icon icon="flagpack:mn" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flagpack:mn" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flagpack:mn" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flagpack--mn]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flagpack -->
<div class="i-flagpack:mn"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flagpack:mn"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/flagpack/mn.svg" alt="Ícone Mn" width="24" height="24">O ícone Mn em outras coleções
Perguntas frequentes sobre Ícone Mn
O ícone Mn é grátis para uso comercial?
Sim. Flagpack icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Mn no React?
Instale @iconify/react e renderize <Icon icon="flagpack:mn" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Mn a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/flagpack/mn.svg" alt="Ícone Mn">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.