Ícone Moc
token-branded:moc
O ícone Moc (token-branded:moc) é 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
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#9ce3e5" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18"/><path fill="#4f97a5" d="M21 12a9 9 0 0 1-18 0z"/><path fill="#36c7ce" d="M12 20.437a8.438 8.438 0 1 0 0-16.875a8.438 8.438 0 0 0 0 16.875"/><path fill="#359bb1" d="m12.956 20.944l-5.23-5.007l1.821-5.996l2.104 2.385l4.078-4.264l5.203 5.063a9.3 9.3 0 0 1-1.788 4.37a9.18 9.18 0 0 1-6.188 3.449"/><path fill="#3ab1d3" d="M20.437 12c0-2.953-3.64-7.875-8.437-7.875c-4.798 0-8.437 4.494-8.437 7.875a8.437 8.437 0 1 1 16.874 0"/><path fill="#28808e" d="M7.933 11.23V8.327h1.85l2.116 3.47l2.08-3.47h1.958v2.903l1.688-.265l.225.265V12h-1.913v.805l1.682-.265l.225.265v.787h-1.907v2.616h-1.726l-.225-.27l.225-4.708l-2.363 3.206l-2.205-3.206v4.978h-1.62l-.298-.27l.208-2.346H6.021l-.208-.27l.208-.517h1.912v-.822H6.021l-.208-.264l.208-.49z"/><path fill="#ebebeb" d="M7.725 10.965V8.063H9.66l2.025 3.324l2.07-3.325h1.969v2.903h1.9v.754H15.73v.815h1.896v.788H15.73v2.615h-1.743v-4.972l-2.307 3.217l-2.25-3.217v4.972H7.725v-2.615H5.813v-.788h1.912v-.815H5.813v-.754z"/></g></svg>Como usar o ícone Moc
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:moc" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:moc" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:moc" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--moc]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:moc"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:moc"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/token-branded/moc.svg" alt="Ícone Moc" width="24" height="24">Ícones relacionados em Web3 Icons Branded
Perguntas frequentes sobre Ícone Moc
O ícone Moc é 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 Moc no React?
Instale @iconify/react e renderize <Icon icon="token-branded:moc" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Moc a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/token-branded/moc.svg" alt="Ícone Moc">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.