Gamepad アイコン
glyphs-poly:gamepad
Gamepad アイコン(glyphs-poly:gamepad)は、Glyphs Poly セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs Poly
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
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>
Web コンポーネント
<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 アイコンは商用利用でも無料ですか?
はい。Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Gamepad アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs-poly:gamepad" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Gamepad アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs-poly/gamepad.svg" alt="Gamepad アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Glyphs Poly アイコン をすべて見る →
ICONYZ
