Gamecontroller Fill アイコン
f7:gamecontroller-fill
Gamecontroller Fill アイコン(f7:gamecontroller-fill)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
- タグ
- gamecontrollerfill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M7.39 46.806c2.658 0 4.481-.97 6.11-2.987l3.511-4.248c.505-.601 1.087-.892 1.669-.892h18.64c.582 0 1.164.29 1.65.892l3.51 4.248c1.649 2.017 3.453 2.987 6.13 2.987c4.422 0 7.39-2.948 7.39-7.487c0-1.94-.466-4.17-1.203-6.673c-1.183-3.976-3.258-9.388-5.256-13.578c-1.649-3.492-2.503-5.082-6.615-6.013c-3.666-.834-8.729-1.397-14.936-1.397s-11.27.563-14.916 1.397c-4.113.93-4.966 2.521-6.634 6.013c-1.979 4.19-4.054 9.602-5.237 13.578C.446 35.148 0 37.38 0 39.32c0 4.539 2.948 7.487 7.39 7.487m4.908-21.473c0-.97.582-1.57 1.61-1.57h3.472v-3.395c0-.99.582-1.59 1.552-1.59c.95 0 1.513.6 1.513 1.59v3.394h3.297c1.086 0 1.727.601 1.727 1.571c0 1.009-.64 1.63-1.727 1.63h-3.297v3.394c0 .99-.563 1.61-1.513 1.61c-.97 0-1.552-.62-1.552-1.61v-3.394h-3.472c-1.028 0-1.61-.621-1.61-1.63m24.77-3.026c0-1.59 1.242-2.812 2.793-2.812c1.572 0 2.794 1.222 2.794 2.812c0 1.572-1.222 2.774-2.794 2.774c-1.551 0-2.793-1.203-2.793-2.774m-5.703 5.742c0-1.59 1.223-2.813 2.794-2.813s2.773 1.222 2.773 2.813c0 1.571-1.202 2.793-2.773 2.793a2.76 2.76 0 0 1-2.794-2.793"/></svg>Gamecontroller Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:gamecontroller-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:gamecontroller-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:gamecontroller-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--gamecontroller-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:gamecontroller-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:gamecontroller-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/gamecontroller-fill.svg" alt="Gamecontroller Fill アイコン" width="24" height="24">Framework7 Icons の関連アイコン
Gamecontroller Fill アイコン のよくある質問
Gamecontroller Fill アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Gamecontroller Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:gamecontroller-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Gamecontroller Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/gamecontroller-fill.svg" alt="Gamecontroller Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。