Icône Moc Background
token-branded:moc-background
L'icône Moc Background (token-branded:moc-background) est une icône SVG gratuite de la collection Web3 Icons Branded par 0xa3k5. Elle est dessinée sur une grille de 24 × 24. Les Web3 Icons Branded icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Web3 Icons Branded
- Auteur
- 0xa3k5
- Licence
- MIT
- Taille
- 24 × 24
- Mots-clés
- mocbackground
Code 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>Comment utiliser l'icône 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>Image HTML
<img src="https://iconyz.com/api/public/svg/token-branded/moc-background.svg" alt="Icône Moc Background" width="24" height="24">Icônes similaires dans Web3 Icons Branded
FAQ : Icône Moc Background
L'icône Moc Background est-elle gratuite pour un usage commercial ?
Oui. Les Web3 Icons Branded icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Moc Background dans React ?
Installez @iconify/react et affichez <Icon icon="token-branded:moc-background" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Moc Background à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token-branded/moc-background.svg" alt="Icône Moc Background">, ou collez le code SVG directement dans la page pour le styliser en CSS.