Icône Coin

twemoji:coin

L'icône Coin (twemoji:coin) est une icône SVG gratuite de la collection Twitter Emoji par Twitter. Elle est dessinée sur une grille de 36 × 36. Les Twitter Emoji icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Twitter Emoji
Auteur: Twitter
Licence: CC-BY-4.0
Taille: 36 × 36
Catégorie: Objets

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><circle cx="18" cy="19" r="17" fill="#f4900c"/><circle cx="18" cy="17" r="17" fill="#ffcc4d"/><circle cx="18" cy="18" r="14" fill="#ffe8b6"/><circle cx="18" cy="17" r="14" fill="#ffac33"/><path fill="#ffe8b6" d="M9.543 10.856c0-.545.535-.763.535-.763l7.878-3.7l7.953 3.7s.548.122.548.767v.641H9.543z"/><path fill="#f4900c" d="M25.929 12.836c0-.584-.505-1.057-1.127-1.057H11.129c-.623 0-1.057.473-1.057 1.057c0 .397.204.739.529.92v.666h2.114v-.529h2.114v.529h2.114v-.529h2.114v.529h2.114v-.529h2.114v.529H25.4v-.693c.317-.188.529-.517.529-.893M27.514 24a.793.793 0 0 1-.793.793H9.279a.793.793 0 1 1 0-1.586h17.443c.437 0 .792.355.792.793"/><path fill="#f4900c" d="M26.457 12.2a.53.53 0 0 1-.529.529H10.071a.53.53 0 0 1 0-1.058l15.857.003a.527.527 0 0 1 .529.526m-14.271.614h11.629V14H12.186z"/><path fill="#ffd983" d="M12.714 20.829c0 .584-.316 1.057-.705 1.057h-.705c-.389 0-.705-.473-.705-1.057v-8.014c0-.584.316-1.057.705-1.057h.705c.389 0 .705.473.705 1.057zm12.686 0c0 .584-.315 1.057-.705 1.057h-.705c-.389 0-.705-.473-.705-1.057v-8.014c0-.584.315-1.057.705-1.057h.705c.389 0 .705.473.705 1.057zm-8.457 0c0 .584-.316 1.057-.705 1.057h-.705c-.389 0-.705-.473-.705-1.057v-8.014c0-.584.316-1.057.705-1.057h.705c.389 0 .705.473.705 1.057zm4.228 0c0 .584-.316 1.057-.705 1.057h-.704c-.389 0-.705-.473-.705-1.057v-8.014c0-.584.316-1.057.705-1.057h.704c.389 0 .705.473.705 1.057z"/><path fill="#ffcc4d" d="M25.929 21.357c0 .584-.473 1.057-1.057 1.057H11.129a1.057 1.057 0 1 1 0-2.114h13.743c.583 0 1.057.473 1.057 1.057"/><path fill="#ffd983" d="M26.986 22.414c0 .584-.473 1.057-1.057 1.057H10.071a1.057 1.057 0 1 1 0-2.114h15.857c.584 0 1.058.473 1.058 1.057"/><path fill="#ffd983" d="M27.514 23.207a.793.793 0 0 1-.793.793H9.279a.793.793 0 1 1 0-1.586h17.443c.437 0 .792.355.792.793"/><path fill="#ffcc4d" d="M25.929 12.286c0-.584-.505-1.057-1.127-1.057H11.129c-.623 0-1.057.473-1.057 1.057c0 .397.204.739.529.92v.666h2.114v-.529h2.114v.529h2.114v-.529h2.114v.529h2.114v-.529h2.114v.529H25.4v-.693c.317-.188.529-.517.529-.893"/><path fill="#ffd983" d="M9.543 11.463c0-.545.535-.763.535-.763L17.956 7l7.953 3.7s.548.122.548.767v.291H9.543z"/><path fill="#ffac33" d="M18 8.343s-5.455 2.571-5.999 2.803c-.545.231-.363.611.001.611h11.97c.562 0 .429-.429-.017-.661C23.509 10.865 18 8.343 18 8.343"/><path fill="#ffd983" d="M26.457 11.757a.53.53 0 0 1-.529.529H10.071a.53.53 0 0 1 0-1.058l15.857.003a.527.527 0 0 1 .529.526"/></svg>

Comment utiliser l'icône Coin

React

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

<Icon icon="twemoji:coin" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:coin" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:coin" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--coin]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:coin"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="twemoji:coin"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/twemoji/coin.svg" alt="Icône Coin" width="24" height="24">

L'icône Coin dans d'autres collections

FAQ : Icône Coin

L'icône Coin est-elle gratuite pour un usage commercial ?

Oui. Les Twitter Emoji icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Coin dans React ?

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

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

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

Voir toutes les Icônes Twitter Emoji →