Icône Thumbs Up

emojione:thumbs-up

L'icône Thumbs Up (emojione:thumbs-up) est une icône SVG gratuite de la collection Emoji One (Colored) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (Colored) 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: Emoji One (Colored)
Auteur: Emoji One
Licence: CC-BY-4.0
Taille: 64 × 64
Catégorie: Personnes
Mots-clés: thumbsup, thumb

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#ffdd67" d="M31.8 27.1s-4.4.9-.8-6.6c2.6-5.4 2.3-11.7 0-15C27.2.2 19.9 1.9 20.7 5c2.6 10.5-3.3 13.7-6.3 20.3c-3.1 6.7-2.8 16.3-1.4 24.8c.9 5.3 3.2 11.9 11.5 11.9H36z"/><path fill="#eba352" d="M25.8 60.5c-8.3 0-10.1-6.6-11-11.9c-1.4-8.5-1.6-15.3 1.1-22.2c3-7.5 6.1-7.7 6.1-22.5c0-.7.4-1.2.8-1.6c-1.4.5-2.2 1.3-2.2 2.5c0 11.1-3.1 13.8-6.1 20.5c-3.2 6.7-2.9 16.3-1.5 24.8c.9 5.3 3.2 11.9 11.5 11.9H36v-1.5z"/><path fill="#ffdd67" d="M46 35.8H31.8c-5 0-5-8.7 0-8.7H46c5 0 5 8.7 0 8.7"/><path fill="#eba352" d="M47.1 34.4H32.9c-3.4 0-4.4-4-3.3-6.5c-2.7 2.1-1.9 8 2.1 8H46c1.6 0 2.7-.9 3.3-2.2c-.6.4-1.3.7-2.2.7"/><path fill="#ffdd67" d="M47.5 44.6h-17c-6 0-6-8.7 0-8.7h17.1c5.9 0 5.9 8.7-.1 8.7"/><path fill="#eba352" d="M48.9 43.1H31.8c-4 0-5.3-4-3.9-6.5c-3.2 2.1-2.3 8 2.6 8h17.1c1.9 0 3.2-.9 3.9-2.2c-.7.4-1.6.7-2.6.7"/><path fill="#ffdd67" d="M45.9 53.3H31.5c-5 0-5-8.7 0-8.7h14.4c5.1 0 5.1 8.7 0 8.7"/><path fill="#eba352" d="M47.1 51.8H32.6c-3.4 0-4.5-4-3.3-6.6c-2.7 2.1-2 8 2.2 8h14.4c1.6 0 2.7-.9 3.3-2.2c-.5.6-1.3.8-2.1.8"/><path fill="#ffdd67" d="M44.4 62h-9.3c-5.4 0-5.4-8.7 0-8.7h9.3c5.4 0 5.4 8.7 0 8.7"/><path fill="#eba352" d="M45.6 60.6h-9.3c-3.6 0-4.8-4-3.5-6.6c-2.9 2.1-2.1 8 2.3 8h9.3c1.8 0 2.9-.9 3.5-2.2c-.6.5-1.4.8-2.3.8"/></svg>

Comment utiliser l'icône Thumbs Up

React

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

<Icon icon="emojione:thumbs-up" width="24" />

Vue

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

<template>
  <Icon icon="emojione:thumbs-up" width="24" />
</template>

Svelte

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

<Icon icon="emojione:thumbs-up" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--thumbs-up]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:thumbs-up"></div>

Web component

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

<iconify-icon icon="emojione:thumbs-up"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/emojione/thumbs-up.svg" alt="Icône Thumbs Up" width="24" height="24">

Icônes similaires dans Emoji One (Colored)

L'icône Thumbs Up dans d'autres collections

FAQ : Icône Thumbs Up

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

Oui. Les Emoji One (Colored) 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 Thumbs Up dans React ?

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

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

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

Voir toutes les Icônes Emoji One (Colored) →