Gamepad3 アイコン
reicon:gamepad3
Gamepad3 アイコン(reicon:gamepad3)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g fill="currentColor" clip-path="url(#SVGBgS7qSkY)"><path d="M16 10.5a1 1 0 1 1-2 0a1 1 0 0 1 2 0m2 3a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/><path fill-rule="evenodd" d="M15-.75a.75.75 0 0 1 .75.75v1A1.75 1.75 0 0 1 14 2.75h-1a.25.25 0 0 0-.25.25v.25h1.284c1.371 0 2.447 0 3.311.07c.88.073 1.607.221 2.265.557a5.75 5.75 0 0 1 2.513 2.513c.336.658.485 1.385.556 2.265c.071.864.071 1.94.071 3.311v.068c0 1.371 0 2.447-.07 3.311c-.072.88-.221 1.607-.557 2.265a5.75 5.75 0 0 1-2.513 2.513c-.658.336-1.385.485-2.265.556c-.864.071-1.94.071-3.311.071H9.966c-1.371 0-2.447 0-3.311-.07c-.88-.072-1.607-.221-2.265-.557a5.75 5.75 0 0 1-2.513-2.513c-.336-.658-.484-1.385-.556-2.265c-.071-.864-.071-1.94-.071-3.311v-.068c0-1.371 0-2.447.07-3.311c.073-.88.221-1.607.557-2.265A5.75 5.75 0 0 1 4.39 3.877c.658-.336 1.385-.484 2.265-.556c.864-.071 1.94-.071 3.311-.071h1.284V3c0-.966.784-1.75 1.75-1.75h1a.25.25 0 0 0 .25-.25V0A.75.75 0 0 1 15-.75m-5 5.5c-1.413 0-2.427 0-3.223.066c-.787.064-1.295.188-1.706.397a4.25 4.25 0 0 0-1.858 1.858c-.21.411-.333.919-.397 1.706c-.065.796-.066 1.81-.066 3.223s0 2.427.066 3.223c.064.787.188 1.295.397 1.707a4.25 4.25 0 0 0 1.858 1.857c.411.21.919.333 1.706.397c.796.065 1.81.066 3.223.066h4c1.412 0 2.427 0 3.223-.066c.787-.064 1.295-.188 1.707-.397a4.25 4.25 0 0 0 1.857-1.857c.21-.412.333-.92.397-1.707c.065-.796.066-1.81.066-3.223s0-2.427-.066-3.223c-.064-.787-.188-1.295-.397-1.706a4.25 4.25 0 0 0-1.857-1.858c-.412-.21-.92-.333-1.707-.397c-.796-.065-1.81-.066-3.223-.066zm-2 4.5a.75.75 0 0 1 .75.75v1.25H10a.75.75 0 0 1 0 1.5H8.75V14a.75.75 0 0 1-1.5 0v-1.25H6a.75.75 0 0 1 0-1.5h1.25V10A.75.75 0 0 1 8 9.25" clip-rule="evenodd"/></g><defs><clipPath id="SVGBgS7qSkY"><path fill="currentColor" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Gamepad3 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:gamepad3" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:gamepad3" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:gamepad3" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--gamepad3]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:gamepad3"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:gamepad3"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/gamepad3.svg" alt="Gamepad3 アイコン" width="24" height="24">Reicon の関連アイコン
Gamepad3 アイコン のよくある質問
Gamepad3 アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Gamepad3 アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:gamepad3" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Gamepad3 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/gamepad3.svg" alt="Gamepad3 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。