Ícone Thumbs Ok
typcn:thumbs-ok
O ícone Thumbs Ok (typcn:thumbs-ok) é um ícone SVG gratuito da coleção Typicons de Stephen Hutchings. Ele é desenhado em uma grade de 24 × 24. Typicons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Typicons
- Autor
- Stephen Hutchings
- Licença
- CC-BY-SA-4.0
- Tamanho
- 24 × 24
- Tags
- thumbsok, thumb
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.7 12.6c-.1-.3-.2-.6-.4-.9c.3-.6.5-1 .3-1.9c-.2-.8-.8-1.7-1.6-2.5l-1.7-.9l.8-1.8c.4-.8.4-1.8-.1-2.5c-.5-.8-1.4-1.3-2.3-1.3c-1 0-1.8.6-2.3 1.5c0 0-.8-.2-1.8.1l-1.3 1.2s-1.7.5-2 2s-.4 3.4-.8 4.1S5 13 3.8 14.4c-.9 1.1-.7 2.3.1 3.2l5 5c.8.8 2.7 1.1 4-.3c1.4-1.4.5-3.3.5-3.3c.4-.3 1.5-1.2 2.6-1.5s2.8-.9 3.7-2.1c.8-1 1.2-1.8 1-2.8m-9.3 8.3c-.4.4-1 .4-1.4 0l-4.2-4.2c-.2-.2-.3-.4-.3-.7s.1-.5.3-.7l.7-.7l4.9 4.9c.2.2.3.4.3.7s-.1.5-.3.7M18 11c-.5 0-.7-.5-1.1-.9s-1.3-.5-2-.2s-1 1-1 1.7c0 1 .7 1.9 1.7 1.9c.7 0 .9-.1 1.3-.3c.6-.4.8-.8 1.2-.8s.7.2.7.8s-.6 1.3-1.2 1.7s-1.1.5-1.7.6s-1 .1-1.8.6c-.7.4-1.4.9-1.8 1.3l-4.6-4.6c.9-1.1 1.7-2.3 1.8-2.9l.7-3.9c.1-.4.4-.5.6-.5c.3 0 .6.2.7.4l.4-1.3c.1-.3.4-.5.6-.5c.4 0 .8.3.7.8l-.5 2.4c.6-1.2 1.5-2.7 2.1-3.8c.2-.3.4-.6.9-.6s.9.6.7 1.1c-.2.4-2 3.5-2.8 4.8c-.1.1 0 .2.2.1c.3-.2 1-.7 1.7-.7c1.2-.1 1.8.4 2.1.6c.4.3.8.8 1.1 1.3c.2.5-.2.9-.7.9m-.2.7c-.4 0-.7.1-.9.4s-.6.7-1.1.7c-.7 0-1.1-.5-1.1-1.1s.4-1 1.1-1c.5 0 .9.4 1.1.7s.5.3.9.3"/></svg>Como usar o ícone Thumbs Ok
React
import { Icon } from "@iconify/react";
<Icon icon="typcn:thumbs-ok" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="typcn:thumbs-ok" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="typcn:thumbs-ok" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[typcn--thumbs-ok]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/typcn -->
<div class="i-typcn:thumbs-ok"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="typcn:thumbs-ok"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/typcn/thumbs-ok.svg" alt="Ícone Thumbs Ok" width="24" height="24">Ícones relacionados em Typicons
Perguntas frequentes sobre Ícone Thumbs Ok
O ícone Thumbs Ok é grátis para uso comercial?
Sim. Typicons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.
Como uso o ícone Thumbs Ok no React?
Instale @iconify/react e renderize <Icon icon="typcn:thumbs-ok" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Thumbs Ok a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/typcn/thumbs-ok.svg" alt="Ícone Thumbs Ok">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.