Icône Thumbs Up
fa6-regular:thumbs-up
L'icône Thumbs Up (fa6-regular:thumbs-up) est une icône SVG gratuite de la collection Font Awesome 6 Regular par Dave Gandy. Elle est dessinée sur une grille de 512 × 512. Les Font Awesome 6 Regular 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
- Font Awesome 6 Regular
- Auteur
- Dave Gandy
- Licence
- CC-BY-4.0
- Taille
- 512 × 512
- Catégorie
- Mains, Paiements et achats, Social, Statut, Interfaces
- Mots-clés
- thumbsup, thumb
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M323.8 34.8c-38.2-10.9-78.1 11.2-89 49.4l-5.7 20c-3.7 13-10.4 25-19.5 35l-51.3 56.4c-8.9 9.8-8.2 25 1.6 33.9s25 8.2 33.9-1.6l51.3-56.4c14.1-15.5 24.4-34 30.1-54.1l5.7-20c3.6-12.7 16.9-20.1 29.7-16.5s20.1 16.9 16.5 29.7l-5.7 20c-5.7 19.9-14.7 38.7-26.6 55.5c-5.2 7.3-5.8 16.9-1.7 24.9s12.3 13 21.3 13H448c8.8 0 16 7.2 16 16c0 6.8-4.3 12.7-10.4 15c-7.4 2.8-13 9-14.9 16.7s.1 15.8 5.3 21.7c2.5 2.8 4 6.5 4 10.6c0 7.8-5.6 14.3-13 15.7c-8.2 1.6-15.1 7.3-18 15.2s-1.6 16.7 3.6 23.3c2.1 2.7 3.4 6.1 3.4 9.9c0 6.7-4.2 12.6-10.2 14.9c-11.5 4.5-17.7 16.9-14.4 28.8c.4 1.3.6 2.8.6 4.3c0 8.8-7.2 16-16 16h-97.5c-12.6 0-25-3.7-35.5-10.7l-61.7-41.1c-11-7.4-25.9-4.4-33.3 6.7s-4.4 25.9 6.7 33.3l61.7 41.1c18.4 12.3 40 18.8 62.1 18.8H384c34.7 0 62.9-27.6 64-62c14.6-11.7 24-29.7 24-50c0-4.5-.5-8.8-1.3-13c15.4-11.7 25.3-30.2 25.3-51c0-6.5-1-12.8-2.8-18.7c11.6-11.8 18.8-27.8 18.8-45.5c0-35.3-28.6-64-64-64h-92.3c4.7-10.4 8.7-21.2 11.8-32.2l5.7-20c10.9-38.2-11.2-78.1-49.4-89M32 192c-17.7 0-32 14.3-32 32v224c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32z"/></svg>
Comment utiliser l'icône Thumbs Up
React
import { Icon } from "@iconify/react";
<Icon icon="fa6-regular:thumbs-up" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa6-regular:thumbs-up" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa6-regular:thumbs-up" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa6-regular--thumbs-up]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa6-regular -->
<div class="i-fa6-regular:thumbs-up"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa6-regular:thumbs-up"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/fa6-regular/thumbs-up.svg" alt="Icône Thumbs Up" width="24" height="24">
Icônes similaires dans Font Awesome 6 Regular
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 Font Awesome 6 Regular 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="fa6-regular: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/fa6-regular/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 Font Awesome 6 Regular →
ICONYZ
