Icono Pinching Hand
fluent-emoji-high-contrast:pinching-hand
El icono Pinching Hand (fluent-emoji-high-contrast:pinching-hand) es un icono SVG gratuito de la colección Fluent Emoji High Contrast de Microsoft Corporation. Está dibujado en una cuadrícula de 32 × 32. Fluent Emoji High Contrast icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Fluent Emoji High Contrast
- Autor
- Microsoft Corporation
- Licencia
- MIT
- Tamaño
- 32 × 32
- Categoría
- Personas y cuerpo
- Etiquetas
- pinchinghand
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M29.083 14.585a3.923 3.923 0 0 0-5.568-.78l-.093.071l.023-2.025q0-.042.002-.074c0-.034.002-.058-.002-.072c.333-.03.668.01.985.115a3.65 3.65 0 0 0 4.359-2.809a3.59 3.59 0 0 0-1.906-4.324C23.1 3.1 19.667 3.981 17.265 7.094a4 4 0 0 0-.431-.347q-.033-.024-.062-.052l-.057-.048a4 4 0 0 0-.437-.237l-.088-.048q-.064-.04-.13-.068a4 4 0 0 0-.436-.136q-.053-.016-.105-.034q-.085-.031-.176-.051a3.82 3.82 0 0 0-3.226.824a3.72 3.72 0 0 0-5.331.567A3.9 3.9 0 0 0 4.922 7a3.75 3.75 0 0 0-3.813 3.675v3.65q0 .354.069.7l.072 3.926c0 7.284 4.379 11.992 11.156 11.992a12.46 12.46 0 0 0 8.745-3.646c.664-.6 1.279-1.206 1.929-1.853l.088-.086a86 86 0 0 1 2.193-2.128c.289-.3.7-.652 1.137-1.024l.008-.006c1.92-1.643 5.12-4.38 2.577-7.615m-25.974-3.91A1.75 1.75 0 0 1 4.922 9a1.86 1.86 0 0 1 1.1.347A5 5 0 0 0 6 9.813v4.296c0 .478.08.952.21 1.386A1.85 1.85 0 0 1 4.921 16a1.79 1.79 0 0 1-1.773-1.33a1.5 1.5 0 0 1-.04-.345zM8 9.812c0-.18.017-.333.04-.46q.016-.04.027-.08a1.723 1.723 0 0 1 3.097-.462q-.03.256-.029.534c0 .345-.011 1.168-.024 2.077l-.004.264a237 237 0 0 0-.029 2.62c0 .294.022.61.078.927a1.72 1.72 0 0 1-2.92-.092a1 1 0 0 0-.079-.117A3 3 0 0 1 8 14.11zm5.329 5.643a1 1 0 0 1-.127-.268a2.9 2.9 0 0 1-.124-.882c0-.546.014-1.584.029-2.592l.004-.273c.012-.899.024-1.736.024-2.096c0-.616.16-.817.186-.845v-.001a1.79 1.79 0 0 1 1.764-.419l.026.008q.042.011.084.026q.229.08.429.215l.036.03q.014.014.032.026a1.8 1.8 0 0 1 .318.314q.03.034.056.073c.22.311.342.682.347 1.064v4.3a1.83 1.83 0 0 1-3.084 1.32m11.872 5.22c-.474.4-.923.786-1.241 1.119c-.862.8-1.564 1.5-2.2 2.136l-.087.086a50 50 0 0 1-1.854 1.782a10.47 10.47 0 0 1-7.41 3.135c-5.648 0-9.156-3.829-9.156-10.01L3.226 17.6a3.86 3.86 0 0 0 4.131-.45q.259.212.552.374l-.08.016q-.042.007-.08.017a1 1 0 0 0 .5 1.936a16 16 0 0 1 4.584-.344c.349.02.688.057 1.025.1a12.2 12.2 0 0 0-5.54 4.2a1 1 0 1 0 1.625 1.166A10.36 10.36 0 0 1 15 20.948a12.6 12.6 0 0 1 2.074-.537a10 10 0 0 1 .753-.097h.033a1 1 0 0 0 .431-1.875a9.3 9.3 0 0 0-2.177-.806a3.83 3.83 0 0 0 2.288-3.5V9.83q0-.391-.079-.773c1.365-2.167 3.784-4.2 7.736-2.544a1.666 1.666 0 0 1 .793 1.975c-.125.457-.746 1.7-1.937 1.394a3.19 3.19 0 0 0-2.729.246a2.05 2.05 0 0 0-.752 1.712l-.031 2.652c0 .535 0 1.649.876 2.029c.821.357 1.494-.272 2-.747q.195-.192.411-.36a1.935 1.935 0 0 1 2.807.407c1.177 1.479.241 2.695-2.297 4.859z"/></svg>Cómo usar el icono Pinching Hand
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:pinching-hand" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:pinching-hand" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:pinching-hand" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--pinching-hand]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:pinching-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:pinching-hand"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/pinching-hand.svg" alt="Icono Pinching Hand" width="24" height="24">El icono Pinching Hand en otras colecciones
Preguntas frecuentes sobre Icono Pinching Hand
¿El icono Pinching Hand es gratis para uso comercial?
Sí. Fluent Emoji High Contrast icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Pinching Hand en React?
Instala @iconify/react y renderiza <Icon icon="fluent-emoji-high-contrast:pinching-hand" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Pinching Hand a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/pinching-hand.svg" alt="Icono Pinching Hand">, o pega el código SVG en línea para darle estilo con CSS.