Icône Xsp Background
token-branded:xsp-background
L'icône Xsp Background (token-branded:xsp-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
- xspbackground
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="#0f132f" d="M24 0H0v24h24z"/><path fill="#fff" d="M4.498 7.232v-2.33c0-.72.8-1.146 1.39-.75c1.95 1.305 5.337 3.5 6.112 3.5c.77 0 4.227-2.26 6.117-3.5a.9.9 0 0 1 1.386.75v1.86a.85.85 0 0 1-.375.715c-1.676 1.086-4.922 2.731-4.922 4.167c0 1.765 2.8 3.27 4.701 4c.35.14.596.476.596.861v2.631a.85.85 0 0 1-.896.863a.85.85 0 0 1-.435-.148c-2.31-1.62-5.442-3.986-6.172-3.986s-3.861 2.366-6.172 3.986a.85.85 0 0 1-1.33-.715v-2.29a.9.9 0 0 1 .475-.79c4.001-2.152 4.821-3.332 4.821-4.187c0-1.396-2.84-3.026-4.701-3.777a.94.94 0 0 1-.595-.86"/><path fill="#fff" d="M5.888 4.151a.895.895 0 0 0-1.39.75v2.331c0 .38.245.716.6.86c1.85.75 4.696 2.381 4.696 3.777c0 .85-.82 2.04-4.821 4.186a.9.9 0 0 0-.475.79v2.291a.85.85 0 0 0 1.33.716l1.476-1.05c1.665-1.186 3.4-2.432 4.281-2.817a8 8 0 0 1-.39-.305q-.996.556-1.936 1.2c-.695.476-1.465 1.031-2.22 1.566c-.506.365-1 .72-1.461 1.04c-.27.186-.6 0-.6-.35v-2.29c0-.16.05-.316.2-.4c2.016-1.076 3.261-1.931 4.011-2.647c.292-.268.545-.576.75-.915c.2.75.6 1.53 1.226 2.181c.21.195.59.515 1.08.85q.102.04.2.09V16c.88.4 2.601 1.626 4.252 2.801l1.475 1.05a.85.85 0 0 0 1.33-.715v-2.63a.92.92 0 0 0-.6-.856c-1.9-.735-4.696-2.24-4.696-4.001c0-1.15 1.936-2.3 3.566-3.276c.265-.155.61-.39.916-.6l.44-.296a.83.83 0 0 0 .375-.71V4.902a.9.9 0 0 0-.933-.892a.9.9 0 0 0-.453.141c-1.605 1.056-4.341 2.841-5.602 3.351q.232.141.45.3l.2-.09c.46-.22 1.01-.525 1.586-.86c.895-.525 2.006-1.265 2.901-1.86l.705-.466c.3-.2.646.02.646.376v1.865c0 .15-.01.27-.116.34l-.25.16c-.275.175-.61.386-1.085.72l-.31.186q-.801.47-1.565.995c-.496.345-.956.715-1.301 1.11c-.09.1-.18.215-.255.325a4.1 4.1 0 0 0-1.35-2.39a5 5 0 0 0-1.07-.63a5 5 0 0 1-.651-.256l.005-.01c-1.36-.66-3.681-2.17-5.167-3.166m6.662 11.404h-.02a4.42 4.42 0 0 1-2.295-3.771a2.27 2.27 0 0 0-.576-1.27c-.325-.4-.775-.786-1.26-1.136a16 16 0 0 0-3.141-1.7c-.2-.08-.26-.26-.26-.45V4.901c0-.36.345-.58.65-.38c.97.655 2.316 1.535 3.511 2.25q.803.49 1.64.916q.421.204.866.35c.835.335 2.1 1.43 2.1 3.52v.086c0 1.115.866 2.05 1.816 2.75a14.3 14.3 0 0 0 3.166 1.671c.195.075.256.25.256.44v2.631c0 .35-.31.536-.58.35l-1.461-1.04q-1.102-.794-2.221-1.565c-.585-.4-1.13-.75-1.575-1.006c-.225-.13-.43-.24-.616-.315z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Comment utiliser l'icône Xsp Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:xsp-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:xsp-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:xsp-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--xsp-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:xsp-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:xsp-background"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/token-branded/xsp-background.svg" alt="Icône Xsp Background" width="24" height="24">Icônes similaires dans Web3 Icons Branded
FAQ : Icône Xsp Background
L'icône Xsp 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 Xsp Background dans React ?
Installez @iconify/react et affichez <Icon icon="token-branded:xsp-background" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Xsp Background à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token-branded/xsp-background.svg" alt="Icône Xsp Background">, ou collez le code SVG directement dans la page pour le styliser en CSS.