Xbox Controller 16 Regular アイコン

Q: Xbox Controller 16 Regular アイコンは商用利用でも無料ですか?

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

fluent:xbox-controller-16-regular

Xbox Controller 16 Regular アイコン(fluent:xbox-controller-16-regular)は、Fluent UI System Icons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 16 × 16 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent UI System Icons
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 16 × 16
タグ: xboxcontroller、controllerregular、xboxcontrollerregular

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M9.98 4.575a.8.8 0 0 1 .513-.056l.826.158a1 1 0 0 1 .7.524c.966 1.894 1.625 3.317 1.873 4.478c.238 1.12.085 1.948-.549 2.719a.28.28 0 0 1-.243.104a.45.45 0 0 1-.311-.155c-.392-.445-.84-.962-1.279-1.473A2.5 2.5 0 0 0 9.61 10H6.384c-.732 0-1.425.32-1.901.874c-.439.51-.887 1.028-1.279 1.473a.45.45 0 0 1-.31.155a.28.28 0 0 1-.244-.104c-.633-.77-.787-1.598-.548-2.72c.247-1.16.906-2.583 1.872-4.477a1 1 0 0 1 .7-.524l.826-.158a.8.8 0 0 1 .514.056q.096.048.199.103c.375.2.8.322 1.246.322h1.075c.446 0 .872-.122 1.247-.322l.198-.103m.701-1.039a1.8 1.8 0 0 0-1.15.145q-.11.055-.22.114c-.25.133-.515.205-.777.205H7.46c-.262 0-.527-.072-.776-.205l-.22-.114a1.8 1.8 0 0 0-1.15-.145l-.827.158a2 2 0 0 0-1.403 1.053c-.957 1.876-1.68 3.413-1.96 4.723c-.287 1.352-.112 2.509.754 3.563c.576.7 1.564.558 2.078-.025c.395-.45.846-.97 1.286-1.482A1.5 1.5 0 0 1 6.384 11H9.61c.438 0 .855.192 1.142.526c.44.512.89 1.033 1.286 1.482c.514.583 1.503.724 2.078.025c.866-1.054 1.042-2.211.754-3.563c-.28-1.31-1.003-2.847-1.96-4.723c-.28-.55-.8-.937-1.403-1.053zM8 7.5A.75.75 0 1 0 8 6a.75.75 0 0 0 0 1.5"/></svg>

Xbox Controller 16 Regular アイコンの使い方

React

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

<Icon icon="fluent:xbox-controller-16-regular" width="24" />

Vue

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

<template>
  <Icon icon="fluent:xbox-controller-16-regular" width="24" />
</template>

Svelte

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

<Icon icon="fluent:xbox-controller-16-regular" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--xbox-controller-16-regular]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:xbox-controller-16-regular"></div>

Web コンポーネント

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

<iconify-icon icon="fluent:xbox-controller-16-regular"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent/xbox-controller-16-regular.svg" alt="Xbox Controller 16 Regular アイコン" width="24" height="24">

Fluent UI System Icons の関連アイコン

Xbox Controller 16 Regular アイコンのよくある質問

Xbox Controller 16 Regular アイコンは商用利用でも無料ですか?

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

React で Xbox Controller 16 Regular アイコンを使うには?

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

Xbox Controller 16 Regular アイコンをウェブページに追加するには?

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

Fluent UI System Icons をすべて見る →