Icône Slp Background
token-branded:slp-background
L'icône Slp Background (token-branded:slp-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
- slpbackground
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="#043013" fill-rule="evenodd" d="m9.868 6.363l-.405-1.609c.298-.258 1.146-.772 2.148-.753c1.003.018 1.755.33 2.006.482l-.207 1.602h.034c1.126.382 5.344 3.852 5.344 7.911c0 4.06-3.761 6.038-6.995 6.004s-6.75-2.012-6.574-6.42c.13-3.247 2.934-5.999 4.649-7.217" clip-rule="evenodd"/><path fill="#55d290" d="M5.703 13.541c.131-3.262 3.188-5.983 4.7-6.935h2.939c1.044.353 4.961 3.564 4.961 7.32s-3.493 5.586-6.496 5.554s-6.267-1.861-6.104-5.939"/><path fill="#fbb7cf" d="M6.752 14.219c-.013-1.366.497-2.362.754-2.688l8.767-.304c.297.49.894 1.774.908 2.991c.017 1.521-1.799 4.48-5.326 4.395c-3.528-.085-5.086-2.688-5.103-4.394"/><path fill="#fedeeb" d="M12.026 12.001c2.402 0 4.35-.332 4.35-.742s-1.948-.741-4.35-.741s-4.35.332-4.35.741c0 .41 1.948.742 4.35.742"/><path fill="#f3fffa" d="M9.493 8.607c-.59-.027-1.125.637-1.456 1.15c-.33.62-1.013 2.156 0 1.927c1.014-.23 1.61-1.2 1.781-1.657c.137-.462.264-1.393-.325-1.42"/><path fill="#fd93b7" d="M10.04 16.99c-.232-1.19 1.364-2.58 2.192-3.127c.955-.63 3.531-1.16 4.161-.186c.788 1.217-.753 2.907-1.883 3.668c-1.13.76-4.179 1.132-4.47-.355"/><path fill="#fff8fd" d="M16.281 16.383c-.279-.16-.827.177-1.067.365c-.229.152-.605.535-.282.855c.324.319.874-.112 1.08-.31c.224-.275.548-.75.27-.91"/><path fill="#cfe7e2" fill-opacity=".8" d="m6.467 14.838l-.453-1.546l.563.678l1.648-1.437l2.582 1.898l2.486-2.17l2.54 1.41l1.278-1.762l.714 1.301l-.714-.826l-1.154 1.965l-2.664-1.342l-2.486 2.359l-2.665-2.074z"/><path fill="#043013" d="M10.73 7.19c-.63-.3-.748-.666-.798-.811c1.129-.078 3.38-.187 3.356 0s-.514.618-.756.81z"/><path fill="url(#SVGXNYcsdZf)" d="M11.566 7.62c-1.34-.041-1.601-1.667-1.564-2.474c.158-.262.68-.54 1.564-.593c.708-.042 1.285.378 1.486.593c.063.842-.146 2.517-1.486 2.475"/><path fill="#8fd366" d="M10.634 8.047c-.341-.312-.437-.848-.442-1.076c.258.27.936.792 1.58.718c.645-.076 1.28-.573 1.518-.812v.422c-.14.923-1.07 1.143-1.518 1.138c-.237 0-.796-.078-1.138-.39"/></g><defs><linearGradient id="SVGXNYcsdZf" x1="11.999" x2="11.999" y1="5.815" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#f8c74b"/><stop offset=".343" stop-color="#f38c34"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Comment utiliser l'icône Slp Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:slp-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:slp-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:slp-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--slp-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:slp-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:slp-background"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/token-branded/slp-background.svg" alt="Icône Slp Background" width="24" height="24">Icônes similaires dans Web3 Icons Branded
FAQ : Icône Slp Background
L'icône Slp 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 Slp Background dans React ?
Installez @iconify/react et affichez <Icon icon="token-branded:slp-background" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Slp Background à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token-branded/slp-background.svg" alt="Icône Slp Background">, ou collez le code SVG directement dans la page pour le styliser en CSS.