Icône Squad Background
token-branded:squad-background
L'icône Squad Background (token-branded:squad-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
- squadbackground
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="#fff" d="M24 0H0v24h24z"/><path fill="#f9d993" d="M5.144 15.805V7.919l.457.242v7.36z"/><path fill="#000" d="M19.314 16.37L12.046 20l-6.967-3.456l-.393-.613V7.328L7.822 4h8.338l3.154 3.328z"/><path fill="#9d1302" d="M5.143 15.77V7.118l2.825-2.583h8.123l2.766 2.597v8.663l-6.802 3.396z"/><path fill="#f6a703" d="m6.802 8.982l-1.467-.823l-.027 7.392l5.55 2.775v-1.573l-4.056-2.148z"/><path fill="#f5bc42" d="m6.551 8.672l-1.371-.75l.1.567l1.157.713l.535-.224l-.42-.229z"/><path fill="#e17402" d="M6.515 9.165v5.555l.457-.16V8.969z"/><path fill="#f9c352" d="m11.086 16.662l-4.114-2.117l-.503.187l4.206 2.126z"/><path fill="url(#SVG1OyxpENA)" d="m5.962 15.382l.535-.68l4.196 2.162l-4.082-1.952z"/><path fill="#ee7b02" d="m10.629 18.088l-5.102-2.57l-.352.275l5.91 2.912v-2.048l-.457.228z"/><path fill="#f9ede3" d="m13.372 16.923l-.457-.22l4.297-2.08l.361.302z"/><path fill="#fdd16c" d="M17.03 14.634V9.075h.456l-.059 5.875l-.398-.32z"/><path fill="#e6b480" d="M12.915 16.713v1.627l.457-.278v-1.125z"/><path fill="#ca6a16" d="m18.382 15.566l-5.01 2.5V16.91l4.16-1.998l.85.663z"/><path fill="#f6a803" d="M17.35 9.137v5.788l1.133.708V8.456l-1.129.686z"/><path fill="#b7490d" d="m13.372 18.066l-.457.274v.448l5.906-2.971l-.466-.265z"/><path fill="#dc7202" d="M18.858 7.977v7.84l-.458-.174V8.31z"/><path fill="#fffff8" d="M18.821 7.955L17.03 9.03l.49.078l.059 4.311l.082-4.31l.517-.357l.457-.398c.018-.023.137-.274.183-.398z"/><path fill="#deab5c" d="m7.365 7.657l-1.59-.965l.498-.1l.941.621L8.65 5.76l.174.297l-1.463 1.6z"/><path fill="#f4f598" d="m7.21 7.242l-.938-.65l.49-.758l1.28-1.074l.594 1.01z"/><path fill="#fefef7" d="m5.732 6.634l.074.064l.489-.096L7.94 4.956l.586.594l-.59-1.083z"/><path fill="#dea007" d="M15.187 6.067H8.842l-.215-.311h6.702z"/><path fill="#f5e90c" d="m8.617 5.782l-.47-.932h7.652l-.484.932z"/><path fill="#fcf8ac" d="M16.014 4.456H7.932l.21.411h7.634l.229-.41z"/><path fill="#f2a503" d="m17.994 6.45l-1.98-1.983l-.722 1.33l1.326 1.404l1.376-.746z"/><path fill="#dc7502" d="m16.681 7.63l-1.495-1.573l.12-.284l1.298 1.418l1.376-.75l.274.306z"/><path fill="#cf340b" d="M7.84 8.17v5.759l4.124 2.057l4.26-2.057v-5.76L14.57 6.752H9.422L7.836 8.169z"/><path fill="#fff" d="m8.343 7.2l.914.709v1.5l3.657 3.108v.626H10.63v-.9l-1.683-1.258l-.297 3.534h6.094v-2.217l-3.657-2.89v-.85h3.2V7.2zm6.4 0v1.86l.914.883V7.2z"/><path fill="#670000" d="m6.972 7.848l-1.371-.74v.64l1.371.767zm10.057 0l1.372-.74v.64l-1.372.767zm-5.486 10.78v-1.83h.915v1.83z"/></g><defs><linearGradient id="SVG1OyxpENA" x1="5.662" x2="12.928" y1="5.894" y2="9.002" gradientUnits="userSpaceOnUse"><stop stop-color="#fceabf"/><stop offset="1" stop-color="#fceabf" stop-opacity="0"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Comment utiliser l'icône Squad Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:squad-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:squad-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:squad-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--squad-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:squad-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:squad-background"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/token-branded/squad-background.svg" alt="Icône Squad Background" width="24" height="24">Icônes similaires dans Web3 Icons Branded
FAQ : Icône Squad Background
L'icône Squad 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 Squad Background dans React ?
Installez @iconify/react et affichez <Icon icon="token-branded:squad-background" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Squad Background à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token-branded/squad-background.svg" alt="Icône Squad Background">, ou collez le code SVG directement dans la page pour le styliser en CSS.