Icône Umb
token:umb
L'icône Umb (token:umb) est une icône SVG gratuite de la collection Web3 Icons par 0xa3k5. Elle est dessinée sur une grille de 24 × 24. Les Web3 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
- Auteur
- 0xa3k5
- Licence
- MIT
- Taille
- 24 × 24
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 4.854c.408 0 .741.296.82.688a8.2 8.2 0 0 1 4.474 1.874a.83.83 0 0 1 1.26.164a.87.87 0 0 1-.074 1.032a8.5 8.5 0 0 1 1.842 4.548a.82.82 0 0 1 .487.291c.127.159.191.35.191.545a.842.842 0 0 1-1.2.768a.8.8 0 0 1-.288-.227a.86.86 0 0 1-.169-.715l-2.303-1.133a.84.84 0 0 1-.966.24a.8.8 0 0 1-.289-.203l-2.954 1.164a.87.87 0 0 1-.143.588a.8.8 0 0 1-.482.344v2.605a.82.82 0 0 1 .466.307a.884.884 0 0 1-.069 1.16a.84.84 0 0 1-.93.187a.9.9 0 0 1-.277-.187a.9.9 0 0 1-.254-.62a.87.87 0 0 1 .651-.847v-2.605a.843.843 0 0 1-.624-.926l-2.885-1.149a.84.84 0 0 1-.657.36a.82.82 0 0 1-.678-.318l-2.287 1.054a.87.87 0 0 1-.18.699A.838.838 0 0 1 3 13.996c0-.195.069-.386.19-.54a.8.8 0 0 1 .488-.296A8.5 8.5 0 0 1 5.52 8.623a.868.868 0 0 1 .28-1.35a.82.82 0 0 1 .9.148a8.2 8.2 0 0 1 4.48-1.88a.87.87 0 0 1 .29-.492a.8.8 0 0 1 .53-.195m-.429.847a.44.44 0 0 0 .432.446a.42.42 0 0 0 .304-.129a.443.443 0 0 0-.064-.678a.45.45 0 0 0-.243-.08a.43.43 0 0 0-.307.133a.45.45 0 0 0-.127.312zm3.05 3.483l2.408-.974a.85.85 0 0 1 .038-.45a7.8 7.8 0 0 0-4.268-1.805c-.01.031-.053.174-.169.307l1.996 2.922zm-5.194-.016l1.943-2.896a.9.9 0 0 1-.17-.317A7.8 7.8 0 0 0 6.935 7.76c.031.09.058.254.042.402zm2.774.44a.86.86 0 0 1 .519.344l1.52-.61L12.295 6.5l-.09.032v3.07H12.2zm-.868.344a.84.84 0 0 1 .46-.334V6.532l-.079-.032l-1.906 2.832zm6.522-1.467a.437.437 0 0 0 .434-.44a.445.445 0 0 0-.434-.443a.42.42 0 0 0-.307.132a.44.44 0 0 0-.127.317c0 .238.196.434.434.434m-11.71 0a.437.437 0 0 0 .434-.44a.45.45 0 0 0-.266-.407a.42.42 0 0 0-.47.096a.45.45 0 0 0-.127.317c0 .238.19.434.429.434m0 .413a.9.9 0 0 1-.28-.053a8.06 8.06 0 0 0-1.785 4.342c.069.015.26.084.413.28l2.287-1.059a.87.87 0 0 1 .286-.804a.83.83 0 0 1 .82-.149L9.19 9.523l-2.367-.964a.85.85 0 0 1-.672.35v-.005zm9.958 2.446a.82.82 0 0 1 .847.143a.85.85 0 0 1 .27.826l2.298 1.133a.8.8 0 0 1 .402-.265a8.06 8.06 0 0 0-1.784-4.33a.83.83 0 0 1-.932-.265l-2.34.948zm-7.872.344l.053.07l2.895-1.176c-.02-.106-.005-.207 0-.25l-1.598-.656l-1.356 2.012zm7.433.042q.046-.078.105-.148l-1.291-1.89l-1.604.646a1 1 0 0 1 0 .249zm-3.637-.815a.46.46 0 1 0 0-.92a.46.46 0 0 0-.45.46c0 .264.211.46.45.46m-.71 2.59a.8.8 0 0 1 .476-.334v-1.88a.85.85 0 0 1-.46-.328l-2.901 1.175c.016.106 0 .185 0 .223zm.89-.334a.8.8 0 0 1 .476.333l2.906-1.149c-.031-.106-.031-.227-.031-.227l-2.838-1.165a.86.86 0 0 1-.514.344zm4.192-.593a.44.44 0 0 0 .424-.524a.45.45 0 0 0-.34-.342a.43.43 0 0 0-.443.183a.44.44 0 0 0-.07.243c0 .244.191.44.43.44m-8.798.116a.433.433 0 0 0 .434-.434a.45.45 0 0 0-.266-.413a.42.42 0 0 0-.47.095a.44.44 0 0 0-.127.318c0 .238.19.434.429.434m12.557 1.742a.434.434 0 0 0 .434-.44a.45.45 0 0 0-.267-.408a.43.43 0 0 0-.474.096a.44.44 0 0 0 .307.752m-8.158 0a.433.433 0 0 0 .429-.44a.44.44 0 0 0-.265-.4a.42.42 0 0 0-.466.094a.45.45 0 0 0-.127.306c0 .244.19.44.429.44m-8.158 0a.43.43 0 0 0 .423-.44a.44.44 0 0 0-.121-.312a.42.42 0 0 0-.305-.129a.42.42 0 0 0-.304.13a.44.44 0 0 0-.127.317c0 .238.19.434.434.434M12 18.724a.45.45 0 0 0 .45-.45a.47.47 0 0 0-.132-.328a.44.44 0 0 0-.318-.133a.44.44 0 0 0-.47.264a.463.463 0 0 0 .47.647"/></svg>Comment utiliser l'icône Umb
React
import { Icon } from "@iconify/react";
<Icon icon="token:umb" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:umb" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:umb" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--umb]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:umb"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:umb"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/token/umb.svg" alt="Icône Umb" width="24" height="24">L'icône Umb dans d'autres collections
FAQ : Icône Umb
L'icône Umb est-elle gratuite pour un usage commercial ?
Oui. Les Web3 Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Umb dans React ?
Installez @iconify/react et affichez <Icon icon="token:umb" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Umb à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token/umb.svg" alt="Icône Umb">, ou collez le code SVG directement dans la page pour le styliser en CSS.