Icône Crown Background
token-branded:crown-background
L'icône Crown Background (token-branded:crown-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
- crownbackground
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="url(#SVGBDQYOwxO)" d="M12 18.588a6.588 6.588 0 1 0 0-13.177a6.588 6.588 0 0 0 0 13.177M12 20a8 8 0 1 0 0-16a8 8 0 0 0 0 16"/><path fill="url(#SVGynuiDdnG)" d="M12 18.59a6.588 6.588 0 1 0 0-13.177a6.588 6.588 0 0 0 0 13.176"/><path fill="url(#SVGPXJjNd1N)" d="M6.823 10.588a.47.47 0 1 0 0-.941a.47.47 0 0 0 0 .941"/><path fill="#edeef0" d="M17.177 10.588a.47.47 0 1 0 0-.941a.47.47 0 0 0 0 .941"/><path fill="url(#SVGwhmBqdgH)" d="M12.706 8.942a.706.706 0 1 1-1.412 0a.706.706 0 0 1 1.412 0"/><path fill="url(#SVGSkoPtXnt)" fill-rule="evenodd" d="M7.336 11.058c-.494 0-.983.236-.983.706c0 .941 1.223 2.118 2.456 2.118c.33 0 .979-.235 1.224-.47c.249.235.79.47 1.967.47c1.176 0 1.802-.315 1.962-.47c.25.155.988.47 1.228.47c1.233 0 2.457-.941 2.457-2.118c0-.706-.584-.706-.984-.706c-.395 0-1.718.47-2.212 1.177c-.484-.706-1.463-2.118-2.451-2.118c-.989 0-2.047 1.412-2.457 2.118c-.33-.39-1.223-1.177-2.212-1.177zm.49.47c.588 0 1.223.627 1.472.942c0 .155-.145.47-.734.47c-.739 0-1.473-.705-1.473-.94c0-.236 0-.471.734-.471m4.174 0c-.589 0-1.393.942-1.718 1.413a2.73 2.73 0 0 0 1.718.706c.786 0 1.473-.471 1.717-.706c-.33-.471-1.13-1.412-1.717-1.412m4.174 0c-.588 0-1.224.627-1.473.942c0 .155.146.47.734.47c.739 0 1.473-.705 1.473-.94c0-.236 0-.471-.734-.471" clip-rule="evenodd"/><path fill="url(#SVGOerWEb0e)" d="M8.564 12.94c-.739 0-1.473-.705-1.473-.94c0-.236 0-.471.734-.471v-.41a2 2 0 0 0-.489-.06c-.494 0-.983.235-.983.705c0 .941 1.223 2.118 2.456 2.118c1.962 0 1.962-2.353 3.19-2.353c.984 0 1.591 2.353 3.191 2.353c1.233 0 2.457-.941 2.457-2.118c0-.706-.584-.706-.984-.706c-.108 0-.282.033-.49.094v.377c.735 0 .735.235.735.47c0 .236-.998.942-1.473.942c-1.224 0-1.224-2.824-3.435-2.824c-1.648 0-2.523 2.824-3.436 2.824"/></g><defs><linearGradient id="SVGBDQYOwxO" x1="5.647" x2="16.706" y1="6.824" y2="18.118" gradientUnits="userSpaceOnUse"><stop stop-color="#717074"/><stop offset=".1" stop-color="#ebe9ed"/><stop offset=".93" stop-color="#f5fcfd"/><stop offset="1" stop-color="#5f647a"/></linearGradient><linearGradient id="SVGynuiDdnG" x1="8.286" x2="15.714" y1="5.429" y2="18.858" gradientUnits="userSpaceOnUse"><stop stop-color="#435ab6"/><stop offset=".5" stop-color="#616267"/><stop offset="1" stop-color="#4059c0"/></linearGradient><linearGradient id="SVGPXJjNd1N" x1="12" x2="12" y1="4" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#eff5fc"/><stop offset="1" stop-color="#b4b3b1"/></linearGradient><linearGradient id="SVGwhmBqdgH" x1="14.667" x2="14.667" y1="4.001" y2="20.001" gradientUnits="userSpaceOnUse"><stop stop-color="#f6f6f6"/><stop offset="1" stop-color="#bfbebe"/></linearGradient><linearGradient id="SVGSkoPtXnt" x1="5.046" x2="17.947" y1="8" y2="9.452" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#7a819d"/><stop offset=".28" stop-color="#e4e4ee"/><stop offset=".41" stop-color="#f6f7f9"/><stop offset=".59" stop-color="#7d818a"/><stop offset="1" stop-color="#070708"/></linearGradient><linearGradient id="SVGOerWEb0e" x1="7.091" x2="17.096" y1="11.294" y2="14.094" gradientUnits="userSpaceOnUse"><stop stop-color="#878da7"/><stop offset=".11" stop-color="#898a89"/><stop offset=".31" stop-color="#d8d7d7"/><stop offset=".63" stop-color="#585858"/><stop offset=".84" stop-color="#0a090e"/><stop offset="1" stop-color="#62615f"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Comment utiliser l'icône Crown Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:crown-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:crown-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:crown-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--crown-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:crown-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:crown-background"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/token-branded/crown-background.svg" alt="Icône Crown Background" width="24" height="24">Icônes similaires dans Web3 Icons Branded
FAQ : Icône Crown Background
L'icône Crown 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 Crown Background dans React ?
Installez @iconify/react et affichez <Icon icon="token-branded:crown-background" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Crown Background à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token-branded/crown-background.svg" alt="Icône Crown Background">, ou collez le code SVG directement dans la page pour le styliser en CSS.