Ícone Ok Hand
fluent-emoji-high-contrast:ok-hand
O ícone Ok Hand (fluent-emoji-high-contrast:ok-hand) é um ícone SVG gratuito da coleção Fluent Emoji High Contrast de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji High Contrast icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Fluent Emoji High Contrast
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
- Categoria
- Pessoas e corpo
- Tags
- okhand
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16.552 1.189c2.1-.478 3.613 1.011 3.978 2.256l.003.012l.13.466c.578-.591 1.37-.923 2.321-.923a3.28 3.28 0 0 1 3.28 3.28c0 2.093-.011 4.23-.023 6.364v.001c-.011 2.136-.022 4.268-.022 6.355c0 6.848-5.02 11.81-10.62 11.844h-.003c-4.46.01-8.363-2.586-9.732-6.683l-.012-.039a3.53 3.53 0 0 1 .904-3.478a4 4 0 0 1-.361-.437c-.594-.837-.893-1.99-.503-3.101c.81-2.303 2.692-4.256 5.19-5.397L7.968 6.613c-.482-.809-.56-1.774-.363-2.617c.198-.84.702-1.677 1.534-2.159c1.632-.943 3.828-.532 4.78 1.092l.296.478a3.33 3.33 0 0 1 2.336-2.218m-7.41 18.516c.55 0 .86-.22 1.225-.674a10 10 0 0 0 .397-.541q.109-.158.245-.347c.238-.33.533-.71.915-1.04a4.9 4.9 0 0 1 3.325-1.165h.006c1.492.054 2.663.685 3.443 1.638c.764.934 1.114 2.125 1.1 3.275s-.393 2.33-1.18 3.239c-.804.929-1.99 1.52-3.477 1.52c-.98 0-1.974-.352-2.791-.886c-.815-.533-1.546-1.31-1.903-2.253c-.137-.365-.68-.739-1.338-.766l-.074-.002H9.03c-.803 0-1.533.874-1.263 1.844c1.077 3.191 4.15 5.305 7.821 5.297c4.38-.027 8.63-3.974 8.63-9.844c0-2.093.011-4.23.022-6.364v-.001c.012-2.136.023-4.268.023-6.355c0-.708-.572-1.28-1.28-1.28c-.543 0-.84.202-1.039.51l-.034.055a3.4 3.4 0 0 0-.145 1.022v.014l-.12 2.886c-.036.857-1.25.992-1.474.164l-.518-1.926l-.023-.073l-1.022-3.649c-.136-.454-.753-1.047-1.593-.869a1.32 1.32 0 0 0-.773.605q-.01.06-.018.129c-.047.42.015.888.089 1.183l.002.01l1 4.404c.188.831-.935 1.283-1.375.553l-1.019-1.694l-2.708-4.35l-.017-.028c-.314-.544-1.232-.854-2.056-.377c-.257.149-.488.46-.588.885c-.1.423-.04.84.132 1.132l3.338 5.465q.189.166.416.301a.8.8 0 0 1 .356.483c.046.16.049.329.027.478a1.1 1.1 0 0 1-.171.455a.77.77 0 0 1-.526.341a6 6 0 0 0-.243.039l-.012.004c-2.57.855-4.395 2.637-5.09 4.617c-.133.376-.055.857.246 1.281c.289.408.692.635 1.063.653zm2.438.97c.316.293.574.655.738 1.089c.17.452.57.922 1.126 1.286c.555.363 1.176.56 1.697.56c.917 0 1.548-.347 1.966-.83c.434-.502.682-1.207.691-1.953c.01-.747-.22-1.463-.647-1.984c-.41-.5-1.04-.872-1.965-.906a2.9 2.9 0 0 0-1.952.677l-.004.003c-.2.173-.385.399-.598.695q-.083.114-.18.253c-.159.229-.344.494-.527.721q-.158.199-.345.389"/></svg>
Como usar o ícone Ok Hand
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:ok-hand" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:ok-hand" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:ok-hand" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--ok-hand]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:ok-hand"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:ok-hand"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/ok-hand.svg" alt="Ícone Ok Hand" width="24" height="24">
Ícones relacionados em Fluent Emoji High Contrast
O ícone Ok Hand em outras coleções
Perguntas frequentes sobre Ícone Ok Hand
O ícone Ok Hand é grátis para uso comercial?
Sim. Fluent Emoji High Contrast icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Ok Hand no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:ok-hand" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Ok Hand a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/ok-hand.svg" alt="Ícone Ok Hand">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji High Contrast →
ICONYZ
