ICONYZ
English
Button Finger icon from Game Icons

Button Finger icon

game-icons:button-finger

The Button Finger icon (game-icons:button-finger) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Game Icons
Author
GameIcons
License
CC-BY-3.0
Size
512 × 512
Tags
buttonfinger
Download SVG

SVG code

<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>

How to use the Button Finger icon

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>

HTML image

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

Button Finger icon FAQ

Is the Button Finger icon free for commercial use?

Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Button Finger icon in React?

Install @iconify/react and render <Icon icon="game-icons:button-finger" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Button Finger icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/button-finger.svg" alt="Button Finger icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →