Иконка Button Finger

game-icons:button-finger

Иконка Button Finger (game-icons:button-finger) — бесплатная SVG-иконка из набора Game Icons от GameIcons. Она нарисована на сетке 512 × 512. Game Icons выпущены под лицензией CC BY 3.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Game Icons
Автор: GameIcons
Лицензия: CC-BY-3.0
Размер: 512 × 512
Теги: buttonfinger

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<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

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

Вопросы и ответы: Иконка Button Finger

Можно ли бесплатно использовать иконку Button Finger в коммерческих проектах?

Да. Game Icons выпущены под лицензией CC BY 3.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Button Finger в React?

Установите @iconify/react и выведите <Icon icon="game-icons:button-finger" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Button Finger на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/game-icons/button-finger.svg" alt="Иконка Button Finger">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Game Icons →