Icône Leo Background
token-branded:leo-background
L'icône Leo Background (token-branded:leo-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
- leobackground
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(#SVGzu0nzdbg)" d="M24 0H0v24h24z"/><path fill="#fff" d="M16 10.828V6.372L11.877 4l-1.797.977l.73.429l1.044-.554l3.257 1.936v3.434h-1.778v1.698zm-10.222-.606V8.246L9.053 6.24l2.767 1.48l.011-.028l.343-.63l-3.12-1.77l-4.137 2.53l-.01 2.4zm2.425.635l2.464 1.057v-1.692H8.042l-3.126 1.492l-.028 4.132l1.785 1.257l.477-.653l-1.373-.987V12.12zm4.758 7.777l-1.118.457l-2.954-1.554v-3.371h-.89v3.828L11.804 20l1.438-.583zm4.372-3.005v-1.407h.889v1.795l-4.057 2.96l-2.61-2.097v-2.063l-2.353-2.373h5.225l-1.983 2.368v1.714l1.738 1.348zm.009-8.617l1.769 1.41v4.16l-3.412 2.126l-.399-.629l2.922-1.907V8.766L16.835 7.72l.507-.714z"/></g><defs><linearGradient id="SVGzu0nzdbg" x1="12" x2="12" y1="4" y2="20.005" gradientUnits="userSpaceOnUse"><stop stop-color="#f6e93d"/><stop offset=".13" stop-color="#f8e330"/><stop offset=".35" stop-color="#f7c730"/><stop offset=".64" stop-color="#f59c2e"/><stop offset=".98" stop-color="#eb5e2c"/><stop offset="1" stop-color="#eb5c2c"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Comment utiliser l'icône Leo Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:leo-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:leo-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:leo-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--leo-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:leo-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:leo-background"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/token-branded/leo-background.svg" alt="Icône Leo Background" width="24" height="24">Icônes similaires dans Web3 Icons Branded
FAQ : Icône Leo Background
L'icône Leo 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 Leo Background dans React ?
Installez @iconify/react et affichez <Icon icon="token-branded:leo-background" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Leo Background à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token-branded/leo-background.svg" alt="Icône Leo Background">, ou collez le code SVG directement dans la page pour le styliser en CSS.