Icône Thumb Up

game-icons:thumb-up

L'icône Thumb Up (game-icons:thumb-up) est une icône SVG gratuite de la collection Game Icons par GameIcons. Elle est dessinée sur une grille de 512 × 512. Les Game Icons sont publiées sous la licence CC BY 3.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: Game Icons
Auteur: GameIcons
Licence: CC-BY-3.0
Taille: 512 × 512
Mots-clés: thumbup

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M302.344 28.514c-2.386 1.354-4.334 3.497-6.273 7.182c-2.335 4.438-4.28 10.836-5.94 18.29c-3.316 14.91-5.51 33.828-12.098 51.26l-.54 1.43l-.982 1.17c-53.308 63.59-92.07 98.36-119.014 148.817l-2.46 4.605l-5.22.15s-10.63.322-22.607 2.46c-11.978 2.137-43.225 3.316-46.132 7.017c-13.33 16.97-23.48 45.76-25.072 70.46c-1.592 24.697 3.872 48.986 16.676 65.568c.858 1.11 29.53 4.57 38.22 5.302c8.693.73 16.52.162 16.52.162l6.08-.457l2.678 5.48c14.83 30.325 61.456 50.595 110.937 66.056c4.384.248 11.962-1.82 20.852-6.295c-19.818-7.57-35.37-14.03-52.5-23.087l-4.423-2.338l-.347-4.99c-.896-12.814 5.672-23.273 13.61-30.256c2.54-2.237 5.24-4.216 7.985-6.038c-1.54-.685-3.074-1.38-4.62-2.053l-4.698-2.05l-.635-5.086c-1.752-14.04 2.566-27.897 11.664-37.728c1.852-2 3.932-3.81 6.19-5.405l-.23-.1l-.438-5.31c-1.313-15.828 8.72-29.44 20.295-39.02a87 87 0 0 1 6.623-4.985l-.91-2.148c-4.49-10.608-2.336-21.785 3.01-29.815c5.35-8.03 13.357-13.657 21.92-16.79l.232-.086l.236-.073c16.656-5.078 32.616-1.007 47.756 3.03c15.14 4.036 29.842 8.22 45.14 6.923c9.286 15.502 8.095 12.523 10.49 17.176l-8.966.76c-19.417 1.647-36.48-3.515-51.3-7.467c-14.71-3.92-26.832-6.456-37.616-3.264c-5.132 1.933-10.21 5.715-12.908 9.77c-2.15 3.226-3.06 6.18-2.338 9.75c21.768 9.268 38.374 19.347 57.04 24.798c19.682 5.746 42.49 7.06 79.325-3.035c5.858-2.842 11.615-7.678 15.014-12.946c3.503-5.427 4.637-10.646 2.87-16c-6.415-19.43-15.202-36.684-33.028-48.515c-40.155-16.703-65.958-16.832-101.275-13.336c-.627-5.215-.437-10.644.022-18.09c2.066-15.153 8.845-33.844 16.745-55.096c9.792-26.342 21.692-55.157 30.416-78.892c-2.042-19.79-7.618-30.87-15.044-37.3c-7.295-6.315-17.56-9.054-30.932-9.564zm-14.53 290.698c-4.52 1.1-10.952 3.76-16.513 8.363c-6.763 5.6-11.67 12.988-13.268 18.99c24.578 11.48 43.09 22.944 74.63 33.086l66.92-3.794c11.996-4.2 19.78-8.523 24.07-12.197c4.42-3.79 5.292-6.294 5.45-8.77c.265-4.15-3.83-11.11-9.88-18.43c-37.514 9.835-63.92 8.562-86.034 2.105c-16.627-4.855-30.524-12.225-45.375-19.353m-25.398 49.41c-6.38.195-11.287 2.923-15.2 7.15c-4.27 4.616-6.853 11.327-7.09 18.49c23.313 10.374 45.08 21.135 74.69 30.407l56.54-1.095c21.862-.903 27.79-9.79 28.918-17.854c.6-4.28-.493-8.504-2.71-11.72l-67.27 3.815l-1.57-.496c-28.61-9.035-47.056-19.095-66.265-28.698zm-9.96 50.937c-6.14 3.332-12.053 6.753-16.258 10.452c-4.005 3.523-6.404 6.67-7.237 10.69c17.396 8.825 33.933 15.363 57.386 24.162l46.51 1.596c8.015-3.427 12.8-6.69 15.08-9.11c2.44-2.59 2.637-3.797 2.603-5.873c-.035-2.12-1.344-5.413-3-9.437l-35.403.685l-1.385-.427c-22.878-7.07-41.16-14.99-58.295-22.74z"/></svg>

Comment utiliser l'icône Thumb Up

React

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

<Icon icon="game-icons:thumb-up" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:thumb-up" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:thumb-up" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--thumb-up]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:thumb-up"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/game-icons/thumb-up.svg" alt="Icône Thumb Up" width="24" height="24">

Icônes similaires dans Game Icons

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

FAQ : Icône Thumb Up

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

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

Comment utiliser l'icône Thumb Up dans React ?

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

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

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

Voir toutes les Game Icons →