Ícone Thumbs Up
fa7-regular:thumbs-up
O ícone Thumbs Up (fa7-regular:thumbs-up) é um ícone SVG gratuito da coleção Font Awesome Regular de Dave Gandy. Ele é desenhado em uma grade de 640 × 640. Font Awesome Regular icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Font Awesome Regular
- Autor
- Dave Gandy
- Licença
- CC-BY-4.0
- Tamanho
- 640 × 640
- Categoria
- Status, Mãos, Interfaces, Pagamentos e compras, Social
- Tags
- thumbsup, thumb
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M235.5 102.8C256.3 68 300.5 54 338 71.6l7.2 3.8C380 96.3 394 140.5 376.4 178l-14.1 30H472l7.4.4c36.3 3.7 64.6 34.4 64.6 71.6c0 13.2-3.6 25.4-9.8 36c6.1 10.6 9.7 22.8 9.8 36c0 18.3-6.9 34.8-18 47.5c1.3 5.3 2 10.8 2 16.5c0 25.1-12.9 47-32.2 59.9c-1.9 35.5-29.4 64.2-64.4 67.7l-7.4.4H319.9c-18 0-35.9-3.4-52.6-9.9l-7.1-3l-.7-.3l-6.6-3.2l-.7-.3l-12.2-6.5c-12.3-6.5-23.3-14.7-32.9-24.1c-4.1 26.9-27.3 47.4-55.3 47.4h-32c-30.9 0-56-25.1-56-56L64 264c0-30.9 25.1-56 56-56h32c10.8 0 20.9 3.1 29.5 8.5L231.6 110l.6-1.2l2.7-5l.6-.9zM120 256c-4.4 0-8 3.6-8 8v224c0 4.4 3.6 8 8 8h32c4.4 0 8-3.6 8-8V264c0-4.4-3.6-8-8-8zm197.6-141c-14.8-6.9-32.3-1.6-40.7 12l-2.2 4l-56.8 120.9c-3.5 7.5-5.5 15.5-6 23.7l-.1 4.2v112.9l.2 7.9c2.4 32.7 21.4 62.1 50.7 77.7l11.5 6.1l6.3 3.1c12.4 5.6 25.8 8.5 39.4 8.5H424l2.4-.1c12.1-1.2 21.6-11.5 21.6-23.9l-.2-2.6c-.1-.9-.2-1.7-.4-2.6c-2.7-12.1 4.3-24.2 16-28c9.7-3.1 16.6-12.2 16.6-22.8c0-4.3-1.1-8.2-3.1-11.8c-6.3-11.1-2.8-25.2 8-32c6.8-4.3 11.2-11.8 11.2-20.2c0-7.1-3.1-13.5-8.2-18c-5.2-4.6-8.2-11.1-8.2-18s3-13.4 8.2-18c5.1-4.5 8.2-10.9 8.2-18l-.1-2.4c-1.1-11.3-10.1-20.3-21.4-21.4l-2.4-.1H324.7c-8.2 0-15.8-4.2-20.2-11.1s-5-15.7-1.5-23.1l30-64.3c7-15 1.4-32.7-12.5-41z"/></svg>
Como usar o ícone Thumbs Up
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-regular:thumbs-up" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-regular:thumbs-up" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-regular:thumbs-up" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-regular--thumbs-up]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-regular -->
<div class="i-fa7-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="fa7-regular:thumbs-up"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fa7-regular/thumbs-up.svg" alt="Ícone Thumbs Up" width="24" height="24">
Ícones relacionados em Font Awesome Regular
O ícone Thumbs Up em outras coleções
Perguntas frequentes sobre Ícone Thumbs Up
O ícone Thumbs Up é grátis para uso comercial?
Sim. Font Awesome Regular icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Thumbs Up no React?
Instale @iconify/react e renderize <Icon icon="fa7-regular:thumbs-up" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Thumbs Up a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fa7-regular/thumbs-up.svg" alt="Ícone Thumbs Up">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Font Awesome Regular →
ICONYZ
