Gamecontroller アイコン
f7:gamecontroller
Gamecontroller アイコン(f7:gamecontroller)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M0 39.319c0 4.539 2.948 7.487 7.39 7.487c2.25 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.86 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.32m2.968.116c0-1.222.271-2.696.892-4.81c1.3-4.462 3.55-10.242 5.509-14.529c.95-2.075 1.474-3.336 3.996-3.918c3.51-.834 8.496-1.397 14.625-1.397c6.13 0 11.115.563 14.645 1.397c2.502.582 3.026 1.843 3.996 3.918c1.998 4.287 4.151 10.087 5.49 14.529c.64 2.114.911 3.588.911 4.81c0 2.677-1.881 4.365-4.384 4.365c-1.474 0-2.91-.776-4.034-2.153l-3.647-4.404c-.931-1.125-1.726-1.687-3.51-1.687H18.543c-1.804 0-2.58.562-3.511 1.687l-3.647 4.404c-1.125 1.377-2.56 2.153-4.034 2.153c-2.503 0-4.384-1.688-4.384-4.365m9.33-14.102c0 1.009.582 1.63 1.61 1.63h3.472v3.394c0 .99.582 1.61 1.552 1.61c.95 0 1.513-.62 1.513-1.61v-3.394h3.297c1.086 0 1.727-.621 1.727-1.63c0-.97-.64-1.57-1.727-1.57h-3.297v-3.395c0-.99-.563-1.59-1.513-1.59c-.97 0-1.552.6-1.552 1.59v3.394h-3.472c-1.028 0-1.61.601-1.61 1.571m27.757-.252c1.572 0 2.794-1.203 2.794-2.774c0-1.59-1.222-2.812-2.794-2.812c-1.551 0-2.793 1.222-2.793 2.812c0 1.572 1.242 2.774 2.793 2.774m-5.702 5.761c1.57 0 2.773-1.222 2.773-2.793c0-1.59-1.202-2.813-2.773-2.813s-2.794 1.222-2.794 2.813a2.76 2.76 0 0 0 2.794 2.793"/></svg>Gamecontroller アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:gamecontroller" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:gamecontroller" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:gamecontroller" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--gamecontroller]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:gamecontroller"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:gamecontroller"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/gamecontroller.svg" alt="Gamecontroller アイコン" width="24" height="24">Framework7 Icons の関連アイコン
Gamecontroller アイコン のよくある質問
Gamecontroller アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Gamecontroller アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:gamecontroller" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Gamecontroller アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/gamecontroller.svg" alt="Gamecontroller アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。