Icône Dxl
token-branded:dxl
L'icône Dxl (token-branded:dxl) 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
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGx5epyK2Y)" fill-rule="evenodd" d="M12 4.059a7.941 7.941 0 1 0 0 15.882a7.941 7.941 0 0 0 0-15.882M12 3a9 9 0 1 0 0 18a9 9 0 0 0 0-18M7.908 17.294a1.35 1.35 0 0 1-1.165-.736a1.24 1.24 0 0 1-.01-1.043l1.683-3.44v-.006l1.376-2.817c.09-.18.09-.19.09-.354V6.176h-.53a.54.54 0 0 1-.528-.529c0-.265.206-.53.513-.53h1.604v1.589H12v.53h-1.059v.529H12v.53h-1.059v.91c0 .09-.016.106-.048.174l-.026.064l-1.112 2.25l-1.964 4.013a.3.3 0 0 0-.026.143a.424.424 0 0 0 .407.386h7.672c.296 0 .38-.233.391-.413a.33.33 0 0 0-.026-.158L13.1 9.369c-.048-.106-.048-.106-.042-.249V5.118h1.588c.27 0 .53.264.53.529c0 .254-.25.53-.53.53h-.53v2.79c0 .11.027.158.08.264l.053.106q1.485 3.008 2.965 6.02c.185.375.248.915-.085 1.36a1.27 1.27 0 0 1-1.043.556c-.254 0-5.114.021-7.242.021zm3.77-2.208a.304.304 0 1 1 .608 0a.304.304 0 0 1-.609 0m.899-.063a.1.1 0 0 1-.026-.065a.1.1 0 0 1 .029-.065a.09.09 0 0 1 .1-.018a.1.1 0 0 1 .03.02a.09.09 0 0 1-.128.128zm-1.323 0a.1.1 0 0 1-.02-.03a.1.1 0 0 1 .002-.07a.1.1 0 0 1 .02-.03a.09.09 0 0 1 .1-.018a.1.1 0 0 1 .03.02q.023.028.023.063a.09.09 0 0 1-.15.065zm1.725-.238a.25.25 0 0 1 .032-.397a.31.31 0 0 1 .339-.01c.196.115.153.386-.042.465a.3.3 0 0 1-.233 0a.3.3 0 0 1-.096-.058m-2.403-.01c-.117-.117-.08-.292.053-.377a.3.3 0 0 1 .328 0c.132.095.159.265.042.387a.293.293 0 0 1-.423-.01m1.323-.36a.09.09 0 1 1 .18-.001a.09.09 0 0 1-.18 0m.9-.048a.1.1 0 0 1-.042-.066a.09.09 0 0 1 .097-.1a.1.1 0 0 1 .067.038a.09.09 0 0 1-.127.127zm-1.747 0a.09.09 0 0 1 .043-.149a.09.09 0 0 1 .115.059a.1.1 0 0 1 .001.047a.09.09 0 0 1-.117.071a.1.1 0 0 1-.042-.028m.848-.207a.1.1 0 0 1 .031-.07a.1.1 0 0 1 .074-.02a.09.09 0 0 1 .071.065a.09.09 0 0 1-.028.092a.09.09 0 0 1-.149-.067m.714.027a.1.1 0 0 1-.03-.065a.09.09 0 0 1 .057-.086a.09.09 0 0 1 .123.086a.09.09 0 0 1-.15.065m-1.376 0a.09.09 0 1 1 .12-.135a.09.09 0 0 1-.12.135m2.281-.032a.09.09 0 0 1-.01-.117a.09.09 0 0 1 .097-.035a.09.09 0 1 1-.087.152m-3.218 0a.1.1 0 0 1-.029-.065a.09.09 0 0 1 .055-.085a.09.09 0 0 1 .129.082a.09.09 0 0 1-.09.093a.1.1 0 0 1-.065-.025m2.133-.148a.09.09 0 1 1 .12-.135a.09.09 0 0 1-.12.135m-1.016 0a.09.09 0 0 1-.01-.117a.09.09 0 0 1 .096-.035a.09.09 0 1 1-.086.152m.032-.572a.542.542 0 1 1 1.084 0a.542.542 0 0 1-1.085 0m1.958-.006a.304.304 0 1 1 .609 0a.304.304 0 0 1-.609 0m-3.44 0a.301.301 0 1 1 .513.216a.305.305 0 0 1-.52-.216zm3.16 0a.1.1 0 0 1 .033-.066a.1.1 0 0 1 .072-.018a.1.1 0 0 1 .064.044a.1.1 0 0 1 .005.078a.09.09 0 0 1-.154.026a.1.1 0 0 1-.02-.058zm-.255 0a.09.09 0 0 1 .154-.063a.09.09 0 1 1-.154.063m-.254 0a.09.09 0 0 1 .154-.064q.026.027.026.064a.09.09 0 0 1-.09.09a.09.09 0 0 1-.09-.09m-1.44 0a.1.1 0 0 1 .034-.066a.09.09 0 0 1 .141.104a.1.1 0 0 1-.04.047q-.028.015-.06.01a.09.09 0 0 1-.075-.09zm-.254 0a.09.09 0 0 1 .154-.064a.09.09 0 0 1-.064.155a.09.09 0 0 1-.09-.09m-.254 0a.09.09 0 1 1 .18 0a.09.09 0 0 1-.18 0m1.763-.439a.09.09 0 1 1 .127-.127a.09.09 0 0 1-.127.127m-1.016 0a.09.09 0 0 1-.004-.131a.09.09 0 0 1 .101-.018a.09.09 0 0 1 .052.084a.09.09 0 0 1-.087.088a.1.1 0 0 1-.062-.023m2.101-.159a.09.09 0 0 1-.004-.12a.09.09 0 0 1 .156.035a.09.09 0 0 1-.055.107a.09.09 0 0 1-.097-.022m-3.197 0a.09.09 0 0 1 .063-.148a.09.09 0 1 1-.063.148m2.292-.021a.09.09 0 0 1-.027-.088a.09.09 0 0 1 .064-.066a.09.09 0 0 1 .086.023a.09.09 0 0 1-.082.152a.1.1 0 0 1-.04-.021m-1.376 0a.09.09 0 1 1 .123-.131a.09.09 0 0 1 .003.126a.09.09 0 0 1-.085.026a.1.1 0 0 1-.041-.021m.662-.106a.09.09 0 0 1 .158-.058a.09.09 0 0 1-.035.141a.09.09 0 0 1-.123-.078zm.9-.074a.09.09 0 0 1 .095-.148a.09.09 0 0 1 .054.07a.1.1 0 0 1-.005.046a.1.1 0 0 1-.028.037a.09.09 0 0 1-.122-.005zm-1.748 0a.09.09 0 0 1-.025-.09a.09.09 0 0 1 .068-.063a.09.09 0 1 1-.037.153zm.848-.18a.09.09 0 1 1 .18 0a.09.09 0 0 1-.18 0m-1.33-.005a.302.302 0 1 1 .424-.016v.005a.307.307 0 0 1-.424.01m2.42-.01a.297.297 0 1 1 .328.068a.31.31 0 0 1-.328-.069m-1.09-.24a.1.1 0 0 1 .031-.07a.09.09 0 0 1 .12.003a.09.09 0 0 1-.05.155a.09.09 0 0 1-.101-.087m-.223-.502a.305.305 0 0 1 .178-.32a.308.308 0 1 1-.178.32m.9.201a.09.09 0 0 1 .003-.125a.1.1 0 0 1 .04-.023a.09.09 0 0 1 .114.059a.1.1 0 0 1 .002.047a.09.09 0 0 1-.117.071a.1.1 0 0 1-.042-.029m-1.323-.005a.09.09 0 0 1-.026-.09a.09.09 0 0 1 .068-.064a.09.09 0 0 1 .107.046a.09.09 0 0 1-.028.113a.09.09 0 0 1-.116-.005zM12 14.753a.093.093 0 1 0 0-.186a.093.093 0 0 0 0 .186" clip-rule="evenodd"/><defs><linearGradient id="SVGx5epyK2Y" x1="5.329" x2="18.649" y1="4.901" y2="19.121" gradientUnits="userSpaceOnUse"><stop stop-color="#4d2fe5"/><stop offset=".53" stop-color="#d51fd5"/><stop offset="1" stop-color="#fb767c"/></linearGradient></defs></g></svg>Comment utiliser l'icône Dxl
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:dxl" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:dxl" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:dxl" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--dxl]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:dxl"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:dxl"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/token-branded/dxl.svg" alt="Icône Dxl" width="24" height="24">Icônes similaires dans Web3 Icons Branded
L'icône Dxl dans d'autres collections
FAQ : Icône Dxl
L'icône Dxl 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 Dxl dans React ?
Installez @iconify/react et affichez <Icon icon="token-branded:dxl" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Dxl à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token-branded/dxl.svg" alt="Icône Dxl">, ou collez le code SVG directement dans la page pour le styliser en CSS.