Icône Xsgd
token-branded:xsgd
L'icône Xsgd (token-branded:xsgd) 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="#1048e5"><path d="M14.93 4.113a8.24 8.24 0 0 0-8.58 1.684a8.4 8.4 0 0 0-1.567 1.964h-.646v-.005A8.93 8.93 0 0 1 8.66 3.658a8.83 8.83 0 0 1 8.567 1.054a9 9 0 0 1 2.632 3.05h-.636a.03.03 0 0 1-.026-.016a8.4 8.4 0 0 0-4.262-3.633zM4.868 11.468a1.124 1.124 0 0 1-1.138-1.022q-.099-.549-.202-1.096h1.583c.006 0 .011 0 .011.01l.397 2.103z"/><path d="M6.542 11.128c.222-.28.328-.61.392-.948q.082-.415.159-.831H8.68l.005.005v.005l-.211 1.139a1.5 1.5 0 0 1-.196.572c-.16.248-.408.434-.673.582l-1.223.651q-.165.085-.318.19a1.8 1.8 0 0 0-.677.896a3 3 0 0 0-.106.392c-.048.243-.111.534-.17.862H3.524v-.005c.09-.455.159-.863.222-1.218a1.33 1.33 0 0 1 .577-.89q.159-.109.318-.195l1.27-.688c.247-.127.464-.303.636-.52zm4.84 1.477l-.784-.339a1.21 1.21 0 0 1-.736-.995a1.2 1.2 0 0 1 .376-.996a1.59 1.59 0 0 1 1.324-.376c.396.053.762.24 1.037.53l-.503.667h-.015a1.5 1.5 0 0 0-.244-.154a1.1 1.1 0 0 0-.614-.132c-.154.016-.318.085-.323.265q.001.135.106.206c.053.032.105.064.174.09l.81.334c.233.09.477.291.599.519a1.26 1.26 0 0 1-.344 1.556c-.572.45-1.393.408-2.023.106a2 2 0 0 1-.503-.36v-.01l.577-.72h.016c.28.233.635.407 1 .386c.144-.01.318-.069.345-.249a.23.23 0 0 0-.09-.222a.6.6 0 0 0-.185-.106m4.193-.064h-.55c-.006 0-.011 0-.011-.01v-.863h1.482l.011.005v1.917a.04.04 0 0 1-.016.032a2.06 2.06 0 0 1-2.044.37a1.71 1.71 0 0 1-1.133-1.244a2.8 2.8 0 0 1 .159-1.853a1.86 1.86 0 0 1 1.44-1a1.72 1.72 0 0 1 1.515.529v.005l-.53.672h-.016c-.159-.143-.338-.254-.556-.28a.86.86 0 0 0-.847.386c-.212.328-.233.773-.175 1.15c.059.38.25.682.61.788a1.3 1.3 0 0 0 .492.043a.5.5 0 0 0 .174-.059l.011-.01v-.562c0-.01 0-.016-.01-.016z"/><path fill-rule="evenodd" d="M20.347 11.097a1.63 1.63 0 0 0-.953-1.06a2.6 2.6 0 0 0-.847-.158l-1.255.01v4.21c0 .005 0 .01.01.01h.059l1.07.006c.301 0 .592-.032.878-.133c.44-.158.763-.455.953-.9a3 3 0 0 0 .085-1.98zm-1.509 2.049c.387-.133.53-.54.561-.953a2.4 2.4 0 0 0-.042-.726c-.08-.36-.296-.603-.646-.661a2 2 0 0 0-.35-.027c-.005 0-.01 0-.01.01v2.415l.01.01q.248.01.477-.068" clip-rule="evenodd"/><path d="M7.856 12.633c.256.115.456.326.556.588c.027.069.053.18.08.344q.094.54.195 1.08H7.104L7.1 14.64l-.402-2.102v-.01H7.4c.159 0 .307.036.455.105m.651 7.651a8.97 8.97 0 0 1-4.373-4.05h.64a8.38 8.38 0 0 0 4.766 3.812a8.26 8.26 0 0 0 3.886.249a8.35 8.35 0 0 0 5.788-4.061h.64c.011 0 .011 0 .006.01a9 9 0 0 1-6.195 4.596a8.84 8.84 0 0 1-5.158-.556"/></g></svg>Comment utiliser l'icône Xsgd
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:xsgd" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:xsgd" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:xsgd" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--xsgd]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:xsgd"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:xsgd"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/token-branded/xsgd.svg" alt="Icône Xsgd" width="24" height="24">Icônes similaires dans Web3 Icons Branded
L'icône Xsgd dans d'autres collections
FAQ : Icône Xsgd
L'icône Xsgd 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 Xsgd dans React ?
Installez @iconify/react et affichez <Icon icon="token-branded:xsgd" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Xsgd à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token-branded/xsgd.svg" alt="Icône Xsgd">, ou collez le code SVG directement dans la page pour le styliser en CSS.