Иконка Gamepad

glyphs-poly:gamepad

Иконка Gamepad (glyphs-poly:gamepad) — бесплатная SVG-иконка из набора Glyphs Poly от Goran Spasojevic. Она нарисована на сетке 80 × 80. Glyphs Poly icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Glyphs Poly
Автор: Goran Spasojevic
Лицензия: MIT
Размер: 80 × 80

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#9b51e0" fill-rule="evenodd" d="M55.96 22.07a17.566 17.566 0 0 1 18.688 13.59a17.569 17.569 0 0 1-30.41 15.41h-7.946l-.184.234a18.02 18.02 0 1 1-13.243-29.235z" clip-rule="evenodd"/><path fill="#9b51e0" d="m65.142 23.74l-.867 1.802zm-9.182-1.67v2q.089 0 .177-.009zm18.688 13.59l1.95-.446zm-3.393 14.863l-1.563-1.247zm-27.017.546l1.512-1.309a2 2 0 0 0-1.512-.69zm-7.946 0v-2a2 2 0 0 0-1.584.78zm-.184.235l-1.564-1.247zm-28.177 0l1.564-1.247zM4.452 36.059l1.95.445zm9.75-12.225l.867 1.802zm8.663-1.765l-.094 1.998q.047.003.094.002zm43.145-.131a19.57 19.57 0 0 0-10.228-1.86l.355 3.983a15.57 15.57 0 0 1 8.138 1.48zm10.588 13.276A19.57 19.57 0 0 0 66.01 21.938l-1.735 3.604a15.57 15.57 0 0 1 8.423 10.563zM72.819 51.77a19.57 19.57 0 0 0 3.779-16.556l-3.9.89a15.57 15.57 0 0 1-3.006 13.172zm-15.3 7.368a19.57 19.57 0 0 0 15.3-7.368l-3.127-2.494a15.57 15.57 0 0 1-12.172 5.862zm-14.793-6.76a19.57 19.57 0 0 0 14.794 6.76v-4c-4.528 0-8.82-1.97-11.77-5.378zm1.512-3.309h-7.946v4h7.946zm-6.567 3.482q.104-.13.205-.26l-3.168-2.443l-.164.209zM22.02 60.088a20.02 20.02 0 0 0 15.651-7.537l-3.127-2.494a16.02 16.02 0 0 1-12.524 6.031zM6.368 52.551a20.02 20.02 0 0 0 15.652 7.537v-4a16.02 16.02 0 0 1-12.525-6.031zM2.502 35.614a20.02 20.02 0 0 0 3.866 16.937l3.127-2.494a16.02 16.02 0 0 1-3.093-13.553zm10.832-13.582A20.02 20.02 0 0 0 2.502 35.614l3.9.89a16.02 16.02 0 0 1 8.667-10.868zm9.625-1.96c-3.281-.154-6.592.5-9.625 1.96l1.735 3.604a16 16 0 0 1 7.702-1.569zm-.094 3.997H55.96v-4H22.865z"/><path fill="#f2f2f2" fill-rule="evenodd" d="M22.02 29.566a2.5 2.5 0 0 1 2.5 2.5v4.5h4.5a2.5 2.5 0 0 1 0 5h-4.5v4.5a2.5 2.5 0 0 1-5 0v-4.5h-4.5a2.5 2.5 0 0 1 0-5h4.5v-4.5a2.5 2.5 0 0 1 2.5-2.5" clip-rule="evenodd"/><path fill="#56ccf2" d="M48.52 37.066a2.828 2.828 0 1 1 4 4a2.828 2.828 0 0 1-4-4m7 7a2.828 2.828 0 1 1 4 4a2.828 2.828 0 0 1-4-4m0-14a2.828 2.828 0 1 1 4 4a2.828 2.828 0 0 1-4-4m7 7a2.828 2.828 0 1 1 4 4a2.828 2.828 0 0 1-4-4"/></g></svg>

Как использовать иконку Gamepad

React

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

<Icon icon="glyphs-poly:gamepad" width="24" />

Vue

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

<template>
  <Icon icon="glyphs-poly:gamepad" width="24" />
</template>

Svelte

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

<Icon icon="glyphs-poly:gamepad" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--gamepad]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:gamepad"></div>

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

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

<iconify-icon icon="glyphs-poly:gamepad"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/glyphs-poly/gamepad.svg" alt="Иконка Gamepad" width="24" height="24">

Иконка Gamepad в других наборах

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

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

Да. Glyphs Poly icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Иконки Glyphs Poly →