Icône Crown

token-branded:crown

L'icône Crown (token-branded:crown) 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

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGXvu0eTbW)" d="M12 19.412a7.412 7.412 0 1 0 0-14.825a7.412 7.412 0 0 0 0 14.825M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18"/><path fill="url(#SVGHWcLxegq)" d="M12 19.413a7.412 7.412 0 1 0 0-14.824a7.412 7.412 0 0 0 0 14.824"/><path fill="url(#SVGmHicrdKZ)" d="M6.176 10.412a.53.53 0 1 0 0-1.06a.53.53 0 0 0 0 1.06"/><path fill="#edeef0" d="M17.824 10.412a.53.53 0 1 0 0-1.059a.53.53 0 0 0 0 1.059"/><path fill="url(#SVGbZniJdij)" d="M12.794 8.56a.794.794 0 1 1-1.588 0a.794.794 0 0 1 1.588 0"/><path fill="url(#SVGX6d9jeyR)" fill-rule="evenodd" d="M6.753 10.94c-.556 0-1.107.265-1.107.795c0 1.059 1.377 2.382 2.764 2.382c.37 0 1.101-.265 1.377-.53c.28.265.889.53 2.212.53s2.028-.355 2.208-.53c.28.175 1.112.53 1.382.53c1.387 0 2.763-1.059 2.763-2.382c0-.794-.656-.794-1.106-.794c-.445 0-1.932.529-2.488 1.323c-.546-.794-1.647-2.382-2.758-2.382c-1.112 0-2.304 1.588-2.764 2.382c-.37-.44-1.377-1.323-2.488-1.323zm.55.53c.662 0 1.377.704 1.658 1.059c0 .175-.165.53-.826.53c-.831 0-1.657-.795-1.657-1.06c0-.264 0-.529.826-.529m4.696 0c-.661 0-1.567 1.059-1.932 1.588a3.07 3.07 0 0 0 1.932.794c.884 0 1.657-.529 1.933-.794c-.37-.53-1.27-1.588-1.933-1.588m4.696 0c-.662 0-1.376.704-1.657 1.059c0 .175.164.53.826.53c.831 0 1.657-.795 1.657-1.06c0-.264 0-.529-.826-.529" clip-rule="evenodd"/><path fill="url(#SVGm4MIieYY)" d="M8.135 13.058c-.831 0-1.657-.794-1.657-1.059s0-.529.826-.529v-.46a2.3 2.3 0 0 0-.551-.07c-.556 0-1.107.265-1.107.795c0 1.059 1.377 2.382 2.764 2.382c2.208 0 2.208-2.647 3.59-2.647c1.106 0 1.789 2.647 3.589 2.647c1.387 0 2.763-1.059 2.763-2.382c0-.794-.656-.794-1.106-.794c-.122 0-.318.037-.55.105v.424c.825 0 .825.265.825.53c0 .264-1.122 1.058-1.657 1.058c-1.376 0-1.376-3.176-3.865-3.176c-1.853 0-2.837 3.176-3.864 3.176"/><defs><linearGradient id="SVGXvu0eTbW" x1="4.853" x2="17.294" y1="6.176" y2="18.882" 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="SVGHWcLxegq" x1="7.821" x2="16.178" y1="4.608" y2="19.715" gradientUnits="userSpaceOnUse"><stop stop-color="#435ab6"/><stop offset=".5" stop-color="#616267"/><stop offset="1" stop-color="#4059c0"/></linearGradient><linearGradient id="SVGmHicrdKZ" x1="11.999" x2="11.999" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#eff5fc"/><stop offset="1" stop-color="#b4b3b1"/></linearGradient><linearGradient id="SVGbZniJdij" x1="15" x2="15" y1="3.001" y2="21.001" gradientUnits="userSpaceOnUse"><stop stop-color="#f6f6f6"/><stop offset="1" stop-color="#bfbebe"/></linearGradient><linearGradient id="SVGX6d9jeyR" x1="4.177" x2="18.69" y1="7.499" y2="9.133" 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="SVGm4MIieYY" x1="6.478" x2="17.733" y1="11.205" y2="14.355" 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></defs></g></svg>

Comment utiliser l'icône Crown

React

import { Icon } from "@iconify/react";

<Icon icon="token-branded:crown" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="token-branded:crown" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="token-branded:crown" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--crown]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:crown"></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"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/token-branded/crown.svg" alt="Icône Crown" width="24" height="24">

Icônes similaires dans Web3 Icons Branded

L'icône Crown dans d'autres collections

FAQ : Icône Crown

L'icône Crown 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 dans React ?

Installez @iconify/react et affichez <Icon icon="token-branded:crown" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Crown à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token-branded/crown.svg" alt="Icône Crown">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Web3 Icons Branded →