Icône Crown Outline
glyphs:crown-outline
L'icône Crown Outline (glyphs:crown-outline) est une icône SVG gratuite de la collection Glyphs par Goran Spasojevic. Elle est dessinée sur une grille de 80 × 80. Les Glyphs 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
- Glyphs
- Auteur
- Goran Spasojevic
- Licence
- MIT
- Taille
- 80 × 80
- Mots-clés
- crownoutline
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" stroke="currentColor" d="M39.999 12h-.067a6 6 0 0 0-3.39 10.946l-3.63 12.822l-6.33-10.062a6.001 6.001 0 0 0-7.338-9.144l-.123.062a6 6 0 0 0 .067 10.76l.12 12.378l-2.489-2.2c.12-.479.184-.98.181-1.496v-.061a6 6 0 0 0-12-.059v.178a6 6 0 0 0 5.651 5.96l4.866 14.975A2 2 0 0 0 14 59v8a2 2 0 0 0 2 2h48a2 2 0 0 0 2-2v-8a2 2 0 0 0-1.517-1.941l4.866-14.976a6 6 0 0 0 5.646-5.959v-.178a6 6 0 0 0-12 .059v.061c-.002.517.061 1.02.182 1.5l-2.485 2.196l.12-12.38a6 6 0 0 0 .063-10.758l-.12-.06l-.004-.002a6 6 0 0 0-7.336 9.148L47.09 35.768l-3.63-12.825A6 6 0 0 0 40.063 12zm25.427 28.917l-5.454 4.818a2 2 0 0 1-3.324-1.518l.16-16.388l-8.727 13.873a2 2 0 0 1-3.617-.52L40 25.412l-4.464 15.77a2 2 0 0 1-3.617.52l-8.726-13.873l.159 16.388a2 2 0 0 1-3.324 1.518l-5.455-4.82l-.077.056L19.704 57h40.592l5.208-16.026zM39.936 16h.123a2 2 0 0 1-.005 4h-.112a2 2 0 1 1-.005-4Zm-18.912 4.145l.002-.001a2 2 0 0 1 1.778 3.583l-.003.002l-.09.045l-.004.001a2 2 0 0 1-1.794-3.575zm35.266.901a2 2 0 0 1 2.68-.902h.001l.11.056h.002a2 2 0 0 1-1.794 3.575l-.004-.001l-.09-.045l-.003-.002a2 2 0 0 1-.902-2.681ZM9 35.966v-.002a2 2 0 0 1 4 .023v.096a2 2 0 0 1-4 .023zm59.985-1.99a2 2 0 0 1 2.01 1.989v.141a2 2 0 0 1-4-.023v-.096a2 2 0 0 1 1.99-2.01ZM18.252 61.005q-.062 0-.123-.004H18v4h44v-4h-.129q-.06.004-.123.004z" clip-rule="evenodd"/></svg>
Comment utiliser l'icône Crown Outline
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:crown-outline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:crown-outline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:crown-outline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--crown-outline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:crown-outline"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:crown-outline"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/glyphs/crown-outline.svg" alt="Icône Crown Outline" width="24" height="24">
Icônes similaires dans Glyphs
L'icône Crown Outline dans d'autres collections
FAQ : Icône Crown Outline
L'icône Crown Outline est-elle gratuite pour un usage commercial ?
Oui. Les Glyphs icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Crown Outline dans React ?
Installez @iconify/react et affichez <Icon icon="glyphs:crown-outline" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Crown Outline à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/glyphs/crown-outline.svg" alt="Icône Crown Outline">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Glyphs →
ICONYZ
