Ícone Mnr Background
token-branded:mnr-background
O ícone Mnr Background (token-branded:mnr-background) é um ícone SVG gratuito da coleção Web3 Icons Branded de 0xa3k5. Ele é desenhado em uma grade de 24 × 24. Web3 Icons Branded 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.
- Coleção
- Web3 Icons Branded
- Autor
- 0xa3k5
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- mnrbackground
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#369bf3" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.198 15.96v-3.081L6.71 10.383L8.95 8.09a.12.12 0 0 1 .164-.004l.885.66v8.046q-.001.05.04.088l1.36 1.488c.072.072.2.016.2-.084V7.418c-.048-1.46-.904-1.82-1.388-1.82H8.618c-.432-.016-.856.308-1.016.472L4.31 9.378a1.55 1.55 0 0 0 0 1.86l4.64 4.802c.072.076.248.028.248-.08m5.641.001v-3.08l2.448-2.497l-2.24-2.292a.12.12 0 0 0-.164-.004l-.884.66v8.001a.12.12 0 0 1-.04.088l-1.36 1.532c-.08.073-.204.02-.204-.084V6.655l.78-1.056h2.712l3.8 3.78a1.55 1.55 0 0 1 0 1.861l-4.64 4.801c-.072.076-.204.024-.204-.08z"/><path fill="#fff" d="m4.025 10.016l2.908.592l-.224-.224l1.189-1.216l-1.64-1.744l-1.949 1.96a1.5 1.5 0 0 0-.284.632"/><path fill="#fff" d="m6.253 7.422l1.645 1.744L8.95 8.09a.12.12 0 0 1 .164-.004l.884.66v2.489l1.6.292V7.418c-.048-1.46-.904-1.82-1.388-1.82H8.618c-.432-.016-.856.308-1.016.472z"/><path fill="#fff" d="m11.598 11.528l-1.6-.296v.36l1.6 1.576z"/><path fill="#fff" d="m11.598 13.168l-1.6-1.58v5.22c0 .033.016.065.04.085l1.352 1.476c.076.072.208.016.208-.084V13.16zm.801.632v-2.09l1.6.4v3.33z"/><path fill="#fff" d="m14 12.112l-1.601-.4V6.663l.776-1.064h2.713l3.8 3.78a1.55 1.55 0 0 1 0 1.861l-1.708 1.768l-2.709-.608l2.017-2.02l-2.24-2.292a.12.12 0 0 0-.165-.004L14 8.748z"/><path fill="#fff" d="M14.8 15.96c0 .105.176.157.248.08l2.936-3.036l-2.708-.6l-.476.468z"/><path fill="#fff" d="m7.838 9.227l-1.64-1.748l.124-.128l1.64 1.748l-.12.128zm-.788 1.512l-3.04-.632l.031-.176l2.805.588zm4.549.9l-1.6-.336v-.192l1.6.348zm0 1.78l-1.6-1.82v-.244l1.6 1.833v.236zm2.4-1.188l-1.6-.46v-.184l1.6.464zm3.893.865l-2.66-.613l.147-.16l2.657.62zm-3.893 2.584l-1.6-1.88v-.24l1.6 1.872z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Como usar o ícone Mnr Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:mnr-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:mnr-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:mnr-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--mnr-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:mnr-background"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:mnr-background"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/token-branded/mnr-background.svg" alt="Ícone Mnr Background" width="24" height="24">Ícones relacionados em Web3 Icons Branded
Perguntas frequentes sobre Ícone Mnr Background
O ícone Mnr Background é grátis para uso comercial?
Sim. Web3 Icons Branded icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Mnr Background no React?
Instale @iconify/react e renderize <Icon icon="token-branded:mnr-background" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Mnr Background a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/token-branded/mnr-background.svg" alt="Ícone Mnr Background">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.