Icono Button Finger

game-icons:button-finger

El icono Button Finger (game-icons:button-finger) es un icono SVG gratuito de la colección Game Icons de GameIcons. Está dibujado en una cuadrícula de 512 × 512. Game Icons se publican bajo la licencia CC BY 3.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Game Icons
Autor: GameIcons
Licencia: CC-BY-3.0
Tamaño: 512 × 512
Etiquetas: buttonfinger

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M169 18v206c0 25.43 10.438 43.384 26.525 55.896C211.613 292.41 233.75 299 256 299s44.387-6.59 60.475-19.104C332.562 267.384 343 249.43 343 224V18zM80 32L28.027 93.102l116.586 125.015zm352 0l-64.613 186.117L483.973 93.102zm-240 7h128v18H192zm16 32h96v18h-96zm48 68.178c21.138 0 42.276 4.093 66.846 12.283l6.154 2.054V224c0 16-11.186 28.156-24.975 35.05c-13.788 6.895-30.9 9.95-48.025 9.95s-34.237-3.055-48.025-9.95C194.185 252.157 183 240 183 224v-70.486l6.154-2.053c24.57-8.19 45.708-12.282 66.846-12.282zm0 17.644c-17.133 0-34.442 3.394-55 9.838V224c0 8 4.814 13.844 15.025 18.95S241.125 251 256 251s29.763-2.945 39.975-8.05C306.185 237.843 311 232 311 224v-57.34c-20.558-6.444-37.867-9.838-55-9.838m-237.104 24.07l2.81 36.522l99.028 14.75l-101.838-51.27zm474.208 0l-101.838 51.272l99.03-14.75l2.808-36.52zm-340.317 61.762a168 168 0 0 0-10.807 4.983C113.406 262.11 98 280.863 98 299.417c0 18.556 15.406 37.308 43.98 51.78C170.555 365.67 211.116 375 256 375s85.445-9.33 114.02-23.803c28.574-14.472 43.98-33.224 43.98-51.78c0-18.554-15.406-37.308-43.98-51.78a168 168 0 0 0-10.807-4.983c-4.294 21.785-16.024 39.266-31.688 51.45C307.613 309.59 281.75 317 256 317s-51.613-7.41-71.525-22.896c-15.664-12.184-27.394-29.665-31.688-51.45m279.176 67.657v53.108c0 18.27-9.684 35.238-25.434 49.057c-15.75 13.818-37.74 24.997-64.526 32.832c-53.573 15.668-118.452 15.668-172.025 0c-26.788-7.835-48.777-19.014-64.527-32.832c-15.586-13.676-25.227-30.438-25.426-48.49h-.18v-53.58C40.076 330.146 18 355.583 18 381.006c0 26.53 24.032 53.084 67.143 73.155C128.253 474.23 188.925 487 256 487s127.747-12.77 170.857-32.84S494 407.535 494 381.004c0-25.463-22.147-50.94-62.037-70.693m-334.117 30.8v22.308h.172c0 11.95 6.228 24.05 19.306 35.525s32.832 21.81 57.707 29.086c49.75 14.55 112.17 14.55 161.92 0c24.876-7.276 44.63-17.612 57.708-29.087s19.305-23.575 19.305-35.525V341.32c-9.224 9.965-21.516 18.697-35.81 25.936C346.288 383.396 303.35 393 256 393s-90.287-9.604-122.154-25.744c-14.393-7.29-26.756-16.093-36-26.145"/></svg>

Cómo usar el icono Button Finger

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:button-finger" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:button-finger" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:button-finger" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--button-finger]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:button-finger"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:button-finger"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/game-icons/button-finger.svg" alt="Icono Button Finger" width="24" height="24">

Preguntas frecuentes sobre Icono Button Finger

¿El icono Button Finger es gratis para uso comercial?

Sí. Game Icons se publican bajo la licencia CC BY 3.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Button Finger en React?

Instala @iconify/react y renderiza <Icon icon="game-icons:button-finger" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Button Finger a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/game-icons/button-finger.svg" alt="Icono Button Finger">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Game Icons →