Icône Yes Background
token-branded:yes-background
L'icône Yes Background (token-branded:yes-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
- yesbackground
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="#000" d="M24 0H0v24h24z"/><path fill="#4ae5cf" d="M20 12a8 8 0 1 1-16 0a8 8 0 0 1 16 0m-.414 0a7.586 7.586 0 1 0-15.172 0a7.586 7.586 0 0 0 15.172 0"/><path fill="#0765c7" d="M15.426 6.82q.954.526.998 1.35a1.55 1.55 0 0 0-1.186.438q-.328.313-1.6 1.6q-.106-.15-.259-.255l-1.388-1.378l1.124-1.106c.297-.28.66-.48 1.055-.584c.406-.13.839-.153 1.256-.066"/><path fill="url(#SVGjNQgtdAu)" d="M7.962 9.289a1.55 1.55 0 0 1-.41-1.134q-.852.07-1.331 1.002a2.72 2.72 0 0 0 .273 1.741q.219.425.692.89c.48.47.828.96 1.331 1.459a2.15 2.15 0 0 1 .66 1.717c-.015.753.027 1.224.06 1.421a3 3 0 0 0 1.224 1.817l.372.094c.155.042.277.061.371.066c.349 0 .66-.108.942-.33q.041-.033.018-.047c-.329-.353-.635-.753-.635-1.2v-3.844c0-.32.25-.673.48-1.055l-1.656-1.68c-.283.344-.598.462-.96.354c-.165-.048-.349-.175-.565-.386l-.866-.88z"/><path fill="url(#SVG8SFZWuvU)" d="m13.38 9.953l-1.389-1.38l-.282-.29c-.424-.448-.894-.933-1.355-1.187a2.824 2.824 0 0 0-4.132 2.061q.479-.93 1.331-1.002c.48-.005.88.141 1.2.452q.324.31 1.473 1.468l.127.127l1.657 1.68q.408.339.584.819c.169.527.16 1.125.145 1.694v.47c0 1.017-.004 1.662-.014 1.944a1.7 1.7 0 0 1-.485 1.158a.13.13 0 0 1-.075.019c.014.009.01.023-.023.047q-.415.33-.941.329q-.135 0-.368-.066l-.371-.094a2.834 2.834 0 0 0 4.437-1.393c.165-.508.15-1.087.141-1.633l-.009-.306q-.008-.577.019-.753c.056-.386.216-.724.47-1.02q.198-.233.424-.457l.282-.278c.443-.419.918-.87 1.19-1.313a2.8 2.8 0 0 0-1.985-4.235q.947.537.998 1.355c0 .447-.141.828-.433 1.148a16 16 0 0 1-.866.88c-.264.26-.424.415-.824.382a.89.89 0 0 1-.668-.377a1 1 0 0 0-.259-.25"/></g><defs><linearGradient id="SVGjNQgtdAu" x1="9.176" x2="9.176" y1="8.155" y2="18.362" gradientUnits="userSpaceOnUse"><stop stop-color="#086bc8"/><stop offset="1" stop-color="#44ffe0"/></linearGradient><linearGradient id="SVG8SFZWuvU" x1="12.019" x2="12.019" y1="6.757" y2="18.795" gradientUnits="userSpaceOnUse"><stop stop-color="#45ffe1"/><stop offset="1" stop-color="#0159c4"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Comment utiliser l'icône Yes Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:yes-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:yes-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:yes-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--yes-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:yes-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:yes-background"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/token-branded/yes-background.svg" alt="Icône Yes Background" width="24" height="24">Icônes similaires dans Web3 Icons Branded
FAQ : Icône Yes Background
L'icône Yes 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 Yes Background dans React ?
Installez @iconify/react et affichez <Icon icon="token-branded:yes-background" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Yes Background à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token-branded/yes-background.svg" alt="Icône Yes Background">, ou collez le code SVG directement dans la page pour le styliser en CSS.