Gamepad Dpad 16 アイコン
qlementine-icons:gamepad-dpad-16
Gamepad Dpad 16 アイコン(qlementine-icons:gamepad-dpad-16)は、Qlementine Icons セットの無料 SVG アイコンです（作者: Olivier Cléro）。 24 × 24 のグリッドで描かれています。 Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Qlementine Icons
- 作者
- Olivier Cléro
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- ナビゲーション
- タグ
- gamepaddpad
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.15 11c.208 0 .326.239.199.404l-1.15 1.5a.25.25 0 0 1-.398 0l-1.15-1.5A.251.251 0 0 1 6.85 11zM4.6 6.65a.251.251 0 0 1 .404.199v2.3a.251.251 0 0 1-.404.199l-1.5-1.15a.25.25 0 0 1 0-.398zm6.4.2c0-.208.239-.326.404-.199l1.5 1.15a.25.25 0 0 1 0 .398l-1.5 1.15A.251.251 0 0 1 11 9.15zM7.8 3.1a.25.25 0 0 1 .398 0l1.15 1.5a.251.251 0 0 1-.199.404h-2.3A.251.251 0 0 1 6.65 4.6z"/><path fill="currentColor" fill-rule="evenodd" d="M8.6 0c.403 0 .766-.001 1.07.023c.273.023.56.07.846.191l.122.057l.001.001c.47.24.853.623 1.09 1.09l.001.001c.165.325.223.656.248.968c.024.3.023.663.023 1.07v.6h.6c.403 0 .766-.001 1.07.023c.312.026.643.083.968.248l.001.001c.47.24.853.623 1.09 1.09l.001.001c.165.325.223.656.248.968c.025.3.024.663.024 1.07v1.2c0 .403 0 .766-.024 1.07a2.5 2.5 0 0 1-.248.968v.001a2.5 2.5 0 0 1-1.09 1.09l-.002.001a2.5 2.5 0 0 1-.968.248q-.226.018-.495.02l-.57.004h-.6v.6c0 .403 0 .766-.024 1.07a2.5 2.5 0 0 1-.248.968h-.001a2.5 2.5 0 0 1-1.09 1.09l-.001.002a2.5 2.5 0 0 1-.968.248q-.226.017-.495.02l-.571.003h-1.2c-.403 0-.766.001-1.07-.023a2.5 2.5 0 0 1-.968-.248l-.001-.001a2.5 2.5 0 0 1-1.09-1.09l-.001-.001a2.5 2.5 0 0 1-.248-.968a8 8 0 0 1-.02-.495l-.003-.571v-.6h-.6c-.403 0-.766 0-1.07-.024a2.5 2.5 0 0 1-.968-.248h-.001a2.5 2.5 0 0 1-1.09-1.09l-.001-.002a2.5 2.5 0 0 1-.248-.968a8 8 0 0 1-.02-.495l-.004-.57v-1.2c0-.404 0-.767.024-1.07c.025-.313.083-.645.249-.97a2.5 2.5 0 0 1 1.09-1.09c.325-.165.656-.223.968-.248c.3-.024.663-.023 1.07-.023h.6v-.6c0-.403-.001-.766.023-1.07c.025-.312.084-.644.249-.97c.24-.47.623-.852 1.09-1.09h.001c.325-.165.656-.223.968-.248c.3-.024.663-.023 1.07-.023h1.2zM7.4 1c-.84 0-1.26 0-1.58.163a1.5 1.5 0 0 0-.656.656c-.163.321-.163.741-.163 1.58v1.35a.25.25 0 0 1-.25.25h-1.35c-.84 0-1.26 0-1.58.163a1.5 1.5 0 0 0-.656.656c-.163.321-.163.741-.163 1.58v1.2c0 .84 0 1.26.163 1.58c.144.282.374.512.656.656c.321.163.741.163 1.58.163h1.35a.25.25 0 0 1 .25.25v1.35c0 .84 0 1.26.163 1.58c.144.282.374.512.656.656c.321.163.741.163 1.58.163h1.2c.84 0 1.26 0 1.58-.163c.282-.144.512-.374.656-.656c.163-.321.163-.741.163-1.58v-1.35a.25.25 0 0 1 .25-.25h1.35c.84 0 1.26 0 1.58-.163c.282-.144.512-.374.656-.656c.163-.321.163-.741.163-1.58v-1.2c0-.84 0-1.26-.163-1.58a1.5 1.5 0 0 0-.656-.656c-.321-.163-.741-.163-1.58-.163h-1.35a.25.25 0 0 1-.25-.25v-1.35c0-.84 0-1.26-.163-1.58a1.5 1.5 0 0 0-.656-.656C9.859 1 9.439 1 8.6 1z" clip-rule="evenodd"/></svg>
Gamepad Dpad 16 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:gamepad-dpad-16" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:gamepad-dpad-16" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:gamepad-dpad-16" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--gamepad-dpad-16]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:gamepad-dpad-16"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:gamepad-dpad-16"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/qlementine-icons/gamepad-dpad-16.svg" alt="Gamepad Dpad 16 アイコン" width="24" height="24">
Gamepad Dpad 16 アイコン のよくある質問
Gamepad Dpad 16 アイコンは商用利用でも無料ですか?
はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Gamepad Dpad 16 アイコンを使うには?
@iconify/react をインストールして <Icon icon="qlementine-icons:gamepad-dpad-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Gamepad Dpad 16 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/gamepad-dpad-16.svg" alt="Gamepad Dpad 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Qlementine Icons をすべて見る →
ICONYZ
