Gamepad アイコン

Q: Gamepad アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

keyline-icons:gamepad

Gamepad アイコン(keyline-icons:gamepad)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M2.0274 16.1864L3.1639 7.5039C3.426 5.5022 5.2078 4 7.3203 4L16.6797 4C18.7922 4 20.5741 5.5022 20.8361 7.5039L21.9726 16.1864C22.2376 18.2114 20.5842 20 18.4472 20C17.069 20 15.8151 19.2389 15.2301 18.0472L14.6927 16.9524C14.3276 16.2085 13.5449 15.7333 12.6845 15.7333L11.3155 15.7333C10.4551 15.7333 9.6724 16.2085 9.3073 16.9524L8.7698 18.0472C8.1849 19.2389 6.931 20 5.5529 20C3.4158 20 1.7624 18.2114 2.0274 16.1864ZM7 10L11 10M9 8L9 12"/><path fill="currentColor" fill-rule="evenodd" d="M16.6464 8.1464C16.8417 7.9512 17.1583 7.9512 17.3536 8.1464L17.8536 8.6464C18.0488 8.8417 18.0488 9.1583 17.8536 9.3536L17.3536 9.8536C17.1583 10.0488 16.8417 10.0488 16.6464 9.8536L16.1464 9.3536C15.9512 9.1583 15.9512 8.8417 16.1464 8.6464ZM14.3964 11.1464C14.5917 10.9512 14.9083 10.9512 15.1036 11.1464L15.6036 11.6464C15.7988 11.8417 15.7988 12.1583 15.6036 12.3536L15.1036 12.8536C14.9083 13.0488 14.5917 13.0488 14.3964 12.8536L13.8964 12.3536C13.7012 12.1583 13.7012 11.8417 13.8964 11.6464Z" clip-rule="evenodd" stroke="none"/></g></svg>

Gamepad アイコンの使い方

React

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

<Icon icon="keyline-icons:gamepad" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:gamepad" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:gamepad" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="keyline-icons:gamepad"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/gamepad.svg" alt="Gamepad アイコン" width="24" height="24">

Keyline Icons の関連アイコン

他のアイコンセットの Gamepad アイコン

Gamepad アイコンのよくある質問

Gamepad アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Gamepad アイコンを使うには?

@iconify/react をインストールして <Icon icon="keyline-icons:gamepad" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Gamepad アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/gamepad.svg" alt="Gamepad アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Keyline Icons をすべて見る →