Ícone Moc Background
token-branded:moc-background
O ícone Moc Background (token-branded:moc-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
- mocbackground
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="#fff" d="M24 0H0v24h24z"/><path fill="#9ce3e5" d="M12 20a8 8 0 1 0 0-16a8 8 0 0 0 0 16"/><path fill="#4f97a5" d="M20 12a8 8 0 0 1-16 0z"/><path fill="#36c7ce" d="M12 19.5a7.5 7.5 0 1 0 0-15a7.5 7.5 0 0 0 0 15"/><path fill="#359bb1" d="M12.85 19.95L8.2 15.5l1.62-5.33l1.87 2.12l3.625-3.79L19.94 13a8.3 8.3 0 0 1-1.59 3.885a8.16 8.16 0 0 1-5.5 3.065"/><path fill="#3ab1d3" d="M19.5 12c0-2.625-3.235-7-7.5-7s-7.5 3.995-7.5 7a7.5 7.5 0 1 1 15 0"/><path fill="#28808e" d="M8.385 11.315v-2.58h1.645l1.88 3.085l1.85-3.085h1.74v2.58l1.5-.235l.2.235V12h-1.7v.715l1.495-.235l.2.235v.7H15.5v2.325h-1.535l-.2-.24l.2-4.185l-2.1 2.85l-1.96-2.85v4.425h-1.44L8.2 15.5l.185-2.085h-1.7l-.185-.24l.185-.46h1.7v-.73h-1.7L6.5 11.75l.185-.435z"/><path fill="#ebebeb" d="M8.2 11.08V8.5h1.72l1.8 2.955L13.56 8.5h1.75v2.58H17v.67h-1.685v.725H17v.7h-1.685V15.5h-1.55v-4.42l-2.05 2.86l-2-2.86v4.42H8.2v-2.325H6.5v-.7h1.7v-.725H6.5v-.67z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Como usar o ícone Moc Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:moc-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:moc-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:moc-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--moc-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:moc-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:moc-background"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/token-branded/moc-background.svg" alt="Ícone Moc Background" width="24" height="24">Ícones relacionados em Web3 Icons Branded
Perguntas frequentes sobre Ícone Moc Background
O ícone Moc 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 Moc Background no React?
Instale @iconify/react e renderize <Icon icon="token-branded:moc-background" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Moc 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/moc-background.svg" alt="Ícone Moc Background">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.