Icono Touch Pointer
fluent-mdl2:touch-pointer
El icono Touch Pointer (fluent-mdl2:touch-pointer) es un icono SVG gratuito de la colección Fluent UI MDL2 de Microsoft Corporation. Está dibujado en una cuadrícula de 2048 × 2048. Fluent UI MDL2 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 UI MDL2
- Autor
- Microsoft Corporation
- Licencia
- MIT
- Tamaño
- 2048 × 2048
- Etiquetas
- touchpointer
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1856 768q40 0 75 15t61 41t41 61t15 75v384q0 119-45 224t-124 183t-183 123t-224 46q-141 0-266-55t-228-157l-319-318l-272 136l-138-277L0 1499V165l896 896V320q0-40 15-75t41-61t61-41t75-15t75 15t61 41t41 61t15 75v331q27-10 59-10q49 0 95 23t72 65q44-25 94-25q51 0 93 24t69 65q44-25 94-25M424 960h190L128 475v714l156-156l161 321l141-71zm1496 0q0-26-19-45t-45-19t-45 19t-19 45v128q0 26-19 45t-45 19t-45-19t-19-45V896q0-26-19-45t-45-19t-45 19t-19 45v128q0 26-19 45t-45 19t-45-19t-19-45V832q0-26-19-45t-45-19t-45 19t-19 45v128q0 26-19 45t-45 19t-45-19t-19-45V320q0-26-19-45t-45-19t-45 19t-19 45v787q0 33-18 60t-49 41q-19 8-42 8q-44 0-78-32l-75-75q-21-21-50-21q-30 0-51 21q-11 11-16 24t-5 27q0 30 21 51l408 408q81 85 184 129t219 44q93 0 174-35t142-96t96-142t36-175z"/></svg>Cómo usar el icono Touch Pointer
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:touch-pointer" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:touch-pointer" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:touch-pointer" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--touch-pointer]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:touch-pointer"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:touch-pointer"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/touch-pointer.svg" alt="Icono Touch Pointer" width="24" height="24">Iconos relacionados en Fluent UI MDL2
Preguntas frecuentes sobre Icono Touch Pointer
¿El icono Touch Pointer es gratis para uso comercial?
Sí. Fluent UI MDL2 icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Touch Pointer en React?
Instala @iconify/react y renderiza <Icon icon="fluent-mdl2:touch-pointer" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Touch Pointer a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/touch-pointer.svg" alt="Icono Touch Pointer">, o pega el código SVG en línea para darle estilo con CSS.