Icône Spe
token-branded:spe
L'icône Spe (token-branded:spe) 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="#f0d43a" d="M4.5 9.35H4V7.5l1.805-1.06l.26.53L4.5 8.03v1.325zm.015 5.3H4v2.115l1.805 1.06l.195-.8l-1.485-.79zm14.97-5.3H20V7.5l-1.805-.795l-.26.53l1.55.795v1.325zm.015 5.3h.5v1.85l-1.805 1.06l-.195-.8l1.5-.79zM11.74 3.795l-1.29.53l-.255-.53L11.745 3l1.55.795l-.265.53zm0 16.41l-1.29-.53l-.255.53l1.55.795l1.55-.795l-.265-.53z"/><path fill="url(#SVGQYwClaNB)" d="m6.001 15.6l5.74 3.275l6.26-3.54v-6.51l-6.24-3.554l-5.76 3.55zm5.74-11.54l-6.74 3.97v8.206l6.74 3.704l7.26-3.97V8.03z"/><path fill="url(#SVGQCLGCeUP)" d="m17.5 8.826l-5.76-3.18l-5.24 3.18v6.615l5.24 2.915L17.5 15.7z"/><path fill="url(#SVGQjFnGs2K)" d="M11.736 3.53L19.5 7.893v8.215l-7.76 4.36l-7.24-4.1V7.9zm.01.604L5 8.2v7.86l6.74 3.81L19 15.8V8.2l-7.25-4.065z"/><path fill="url(#SVGMvVA7bFX)" d="M11.736 5.12L18 8.69v7.015l-6.26 3.175L6 15.705V8.7l5.736-3.575zm.01.61L6.5 8.99v6.45l5.24 2.835l5.76-3.005V9z"/><path fill="#f9da2b" d="M12.5 12.001c0 .44-.335.795-.75.795s-.75-.355-.75-.795s.335-.795.75-.795s.75.355.75.795"/><path fill="url(#SVGgN3rYcGF)" fill-rule="evenodd" d="M13.81 13.184c-.05.43-.125.836-.22 1.21h.005c-.12.875-.76 2.37-1.825 2.37c-.675 0-1.28-.73-1.665-1.86c-1.16.23-2.09.07-2.43-.525c-.11-.19-.15-.42-.125-.67l.525.035c-.02.17.01.29.055.375c.06.1.185.21.425.28c.25.075.585.1 1.01.055l.39-.06a8.5 8.5 0 0 1-.22-1.21c-.95-.705-2.815-2.24-2.06-3.565c.34-.595 1.27-.755 2.43-.525c.385-1.13.99-1.86 1.665-1.86c.225 0 .44.08.64.225l-.29.44a.6.6 0 0 0-.35-.135c-.115 0-.27.05-.45.23a2.7 2.7 0 0 0-.645 1.065l-.05.155c.365.1.75.245 1.15.415c1.08-.475 3.33-1.34 4.09-.01c.34.59.015 1.48-.765 2.38c.78.9 1.105 1.79.765 2.38c-.11.2-.285.345-.51.45l-.235-.475c.155-.07.245-.15.29-.235c.06-.105.09-.265.035-.515a2.7 2.7 0 0 0-.46-.905c-.075-.1-.155-.21-.25-.315q-.406.411-.925.8m-.59.405q-.061.361-.145.685a6 6 0 0 1-.66-.215q.413-.216.805-.47M14.38 12c-.155.155-.33.315-.515.47q.021-.47 0-.94c.185.155.36.315.515.47m.36-.385q.134-.158.245-.315c.25-.345.4-.65.46-.905c.055-.25.025-.41-.035-.515c-.06-.1-.18-.21-.425-.28a2.7 2.7 0 0 0-1.005-.055q-.195.023-.39.06q.144.564.22 1.21q.518.389.93.8m-1.665-1.89c-.215.055-.435.13-.66.215q.413.218.805.47q-.061-.361-.145-.685m-1.3.485a10 10 0 0 1 1.535.9a10 10 0 0 1 0 1.785q-.73.517-1.54.895a10 10 0 0 1-1.535-.9a10 10 0 0 1 0-1.785q.728-.515 1.535-.895zm-.65-.27a6 6 0 0 0-.66-.215q-.076.324-.145.685q.395-.252.81-.47zm-1.39.875q.076-.646.22-1.21a5 5 0 0 0-.39-.06a2.7 2.7 0 0 0-1.01.05c-.24.075-.365.185-.425.285c-.055.105-.09.265-.03.515s.21.56.46.905c.075.1.15.21.245.315q.413-.411.93-.8M9.165 12c.155.155.33.315.515.47a11 11 0 0 1 0-.94c-.185.155-.36.315-.515.47m1.3 2.275q-.076-.324-.145-.685q.395.253.81.47a6 6 0 0 1-.665.215m.155.51c.05.13.095.25.15.37c.17.39.36.675.55.85c.18.18.335.23.45.23c.12 0 .275-.05.46-.23c.185-.175.375-.46.55-.85q.076-.174.145-.37c-.37-.1-.76-.245-1.15-.415q-.601.256-1.15.415z" clip-rule="evenodd"/><path fill="#fad024" d="M13 8.826c.277 0 .5-.238.5-.53s-.223-.53-.5-.53c-.276 0-.5.237-.5.53c0 .292.224.53.5.53M8 13.59c.276 0 .5-.238.5-.53s-.224-.53-.5-.53c-.277 0-.5.237-.5.53c0 .292.223.53.5.53m6.5 1.585c.277 0 .5-.237.5-.53c0-.292-.223-.53-.5-.53c-.276 0-.5.238-.5.53s.224.53.5.53"/><defs><linearGradient id="SVGQYwClaNB" x1="12.001" x2="12.001" y1="3.001" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#e3b033"/><stop offset="1" stop-color="#fbdc39"/></linearGradient><linearGradient id="SVGQCLGCeUP" x1="16.19" x2="8.008" y1="5.252" y2="19.612" gradientUnits="userSpaceOnUse"><stop stop-color="#b11723"/><stop offset="1" stop-color="#570203"/></linearGradient><linearGradient id="SVGQjFnGs2K" x1="14.758" x2="11.92" y1="4.721" y2="20.987" gradientUnits="userSpaceOnUse"><stop stop-color="#fbf3a0"/><stop offset=".23" stop-color="#f1cc3c"/><stop offset=".47" stop-color="#fbef8b"/><stop offset=".63" stop-color="#ea9e28"/><stop offset=".8" stop-color="#fada39"/><stop offset="1" stop-color="#fcd83b"/></linearGradient><linearGradient id="SVGMvVA7bFX" x1="12" x2="12" y1="3.399" y2="20.608" gradientUnits="userSpaceOnUse"><stop stop-color="#e9a223"/><stop offset=".59" stop-color="#ec801a"/><stop offset="1" stop-color="#edb325"/></linearGradient><linearGradient id="SVGgN3rYcGF" x1="12.002" x2="12.002" y1="2.999" y2="20.999" gradientUnits="userSpaceOnUse"><stop stop-color="#df9327"/><stop offset=".29" stop-color="#fbe84a"/><stop offset=".63" stop-color="#eeae20"/><stop offset="1" stop-color="#df9427"/></linearGradient></defs></g></svg>Comment utiliser l'icône Spe
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:spe" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:spe" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:spe" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--spe]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:spe"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:spe"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/token-branded/spe.svg" alt="Icône Spe" width="24" height="24">Icônes similaires dans Web3 Icons Branded
FAQ : Icône Spe
L'icône Spe 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 Spe dans React ?
Installez @iconify/react et affichez <Icon icon="token-branded:spe" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Spe à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token-branded/spe.svg" alt="Icône Spe">, ou collez le code SVG directement dans la page pour le styliser en CSS.