Icône Sxp Background
token-branded:sxp-background
L'icône Sxp Background (token-branded:sxp-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
- sxpbackground
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="url(#SVGmyJbfcta)" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.955 4.001q-.226 0-.46.03a3.17 3.17 0 0 0-1.899.915l-1.125 1.13l-.58.575l-.61.6l-.559.564l-.875.87l-.664.695c-.13.135-.27.26-.395.4a3.4 3.4 0 0 0-.785 2.319c-.02.37.13.85.35 1.3c.12.25.285.47.44.69c.11.15.185.15.33.034l.075-.075l.42-.435l.614-.63l.63-.67c.1-.1.21-.2.31-.31l.65-.684c.21-.22.43-.43.65-.65l.704-.74l.67-.664c.29-.29.57-.595.86-.89l.53-.53l.72-.73c.204-.21.42-.41.629-.614l1.385-1.39l.085-.1c.11-.135.12-.17-.02-.27c-.22-.155-.44-.32-.685-.435c-.44-.205-.9-.3-1.375-.3h-.02zm3.56 2.895c-.43.014-.806.15-1.085.5l-.075.07l-.75.724l-.77.77l-.64.635c-.22.22-.435.45-.66.67l-.704.684l-.845.84l-1.555 1.554l-2.059 2.06c-.13.13-.135.15 0 .285l.99 1c.2.2.445.34.725.39c.27.05.544.05.81-.026c.194-.06.38-.14.53-.285l.814-.784c.19-.18.385-.36.575-.55l1.124-1.115l.935-.9l1.275-1.244l1.2-1.165c.174-.17.34-.15.469.05c.225.365.355.76.3 1.2a1.7 1.7 0 0 1-.425.98c-.3.314-.61.61-.92.914l-.66.645l-.839.84c-.045.05-.085.1-.13.14l-.275.284l-.625.62c-.22.22-.435.45-.65.675l-.065.05l-.7.69c-.114.105-.22.215-.33.325c-.184.184-.374.37-.554.564c-.11.115-.11.185.02.275c.22.16.445.32.685.435c.45.21.915.3 1.4.3h.004a3.1 3.1 0 0 0 2.22-.81c.36-.314.684-.674 1.024-1.014l.755-.76l.71-.71c.215-.22.43-.44.65-.65c.24-.245.49-.474.734-.714c.25-.25.49-.495.73-.75a3.49 3.49 0 0 0 1.095-3a3.4 3.4 0 0 0-.52-1.359c-.15-.235-.23-.335-.69-.784c-.675-.675-1.355-1.35-2.02-2.04a1.55 1.55 0 0 0-1.229-.51"/></g><defs><linearGradient id="SVGmyJbfcta" x1="5.794" x2="17.461" y1="6.715" y2="18.004" gradientUnits="userSpaceOnUse"><stop stop-color="#eb5756"/><stop offset="1" stop-color="#ee8533"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Comment utiliser l'icône Sxp Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:sxp-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:sxp-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:sxp-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--sxp-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:sxp-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:sxp-background"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/token-branded/sxp-background.svg" alt="Icône Sxp Background" width="24" height="24">Icônes similaires dans Web3 Icons Branded
FAQ : Icône Sxp Background
L'icône Sxp 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 Sxp Background dans React ?
Installez @iconify/react et affichez <Icon icon="token-branded:sxp-background" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Sxp Background à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token-branded/sxp-background.svg" alt="Icône Sxp Background">, ou collez le code SVG directement dans la page pour le styliser en CSS.