Icône Coin Outline
glyphs:coin-outline
L'icône Coin Outline (glyphs:coin-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
- coinoutline
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="currentColor" fill-opacity=".25" d="m47.241 27.41l-4.028-5.434c-1.599-2.157-4.827-2.157-6.426 0l-4.028 5.433l-7.154.263c-4.222.155-5.352 5.9-1.503 7.641l3.19 1.444l-1.243 2.676c-1.482 3.192 1.584 6.605 4.916 5.472L40 41.833l9.035 3.072c3.333 1.133 6.398-2.28 4.916-5.472l-1.243-2.676l3.19-1.444c3.849-1.742 2.72-7.486-1.503-7.641zM40 24.357l4.028 5.433a4 4 0 0 0 3.066 1.615l7.154.263l-3.19 1.444a4 4 0 0 0-1.978 5.329l1.243 2.676l-9.035-3.073a4 4 0 0 0-2.576 0l-9.035 3.073l1.243-2.676a4 4 0 0 0-1.979-5.33l-3.19-1.443l7.155-.263a4 4 0 0 0 3.066-1.615z"/><path fill="currentColor" fill-opacity=".25" d="M19.039 19.23C13.598 23.116 10 28.664 10 35v10c0 6.336 3.6 11.884 9.039 15.77C24.481 64.658 31.899 67 40 67s15.518-2.342 20.962-6.23C66.4 56.884 70 51.336 70 45V35c0-6.336-3.6-11.884-9.038-15.77C55.518 15.342 48.1 13 40 13s-15.518 2.342-20.961 6.23m2.324 3.255C16.67 25.84 14 30.291 14 35s2.669 9.161 7.363 12.515C26.054 50.865 32.637 53 40 53s13.946-2.135 18.636-5.485C63.332 44.16 66 39.709 66 35s-2.669-9.161-7.364-12.515C53.947 19.135 47.364 17 40 17s-13.946 2.135-18.636 5.485M60.962 50.77c1.918-1.37 3.608-2.948 4.991-4.694c-.373 4.308-2.981 8.342-7.317 11.439C53.947 60.865 47.364 63 40 63s-13.946-2.135-18.636-5.485c-4.336-3.097-6.944-7.131-7.317-11.44l.106.134c1.363 1.693 3.016 3.225 4.885 4.56C24.482 54.659 31.9 57 40 57s15.518-2.342 20.962-6.23"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m47.241 27.41l-4.028-5.434c-1.599-2.157-4.827-2.157-6.426 0l-4.028 5.433l-7.154.263c-4.222.155-5.352 5.9-1.503 7.641l3.19 1.444l-1.243 2.676c-1.482 3.192 1.584 6.605 4.916 5.472L40 41.833l9.035 3.072c3.333 1.133 6.398-2.28 4.916-5.472l-1.243-2.676l3.19-1.444c3.849-1.742 2.72-7.486-1.503-7.641zM40 24.357l4.028 5.433a4 4 0 0 0 3.066 1.615l7.154.263l-3.19 1.444a4 4 0 0 0-1.978 5.329l1.243 2.676l-9.035-3.073a4 4 0 0 0-2.576 0l-9.035 3.073l1.243-2.676a4 4 0 0 0-1.979-5.33l-3.19-1.443l7.155-.263a4 4 0 0 0 3.066-1.615z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.039 19.23C13.598 23.116 10 28.664 10 35v10c0 6.336 3.6 11.884 9.039 15.77C24.481 64.658 31.899 67 40 67s15.518-2.342 20.962-6.23C66.4 56.884 70 51.336 70 45V35c0-6.336-3.6-11.884-9.038-15.77C55.518 15.342 48.1 13 40 13s-15.518 2.342-20.961 6.23m2.324 3.255C16.67 25.84 14 30.291 14 35s2.669 9.161 7.363 12.515C26.054 50.865 32.637 53 40 53s13.946-2.135 18.636-5.485C63.332 44.16 66 39.709 66 35s-2.669-9.161-7.364-12.515C53.947 19.135 47.364 17 40 17s-13.946 2.135-18.636 5.485M60.962 50.77c1.918-1.37 3.608-2.948 4.991-4.694c-.373 4.308-2.981 8.342-7.317 11.439C53.947 60.865 47.364 63 40 63s-13.946-2.135-18.636-5.485c-4.336-3.097-6.944-7.131-7.317-11.44l.106.134c1.363 1.693 3.016 3.225 4.885 4.56C24.482 54.659 31.9 57 40 57s15.518-2.342 20.962-6.23"/></g></svg>Comment utiliser l'icône Coin Outline
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:coin-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:coin-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:coin-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--coin-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:coin-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:coin-outline"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/glyphs/coin-outline.svg" alt="Icône Coin Outline" width="24" height="24">Icônes similaires dans Glyphs
FAQ : Icône Coin Outline
L'icône Coin 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 Coin Outline dans React ?
Installez @iconify/react et affichez <Icon icon="glyphs:coin-outline" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Coin Outline à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/glyphs/coin-outline.svg" alt="Icône Coin Outline">, ou collez le code SVG directement dans la page pour le styliser en CSS.