Stadia Controller アイコン
material-symbols-light:stadia-controller
Stadia Controller アイコン(material-symbols-light:stadia-controller)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ホーム
- タグ
- stadiacontroller、stadia controller sharp、stadia controller rounded
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.725 19.5q-1.327 0-2.245-.921t-.93-2.254q0-.206.016-.392q.015-.187.065-.393l2.1-8.4q.311-1.177 1.252-1.908q.94-.732 2.142-.732h9.75q1.202 0 2.142.732q.94.731 1.252 1.908l2.1 8.4q.05.206.078.405t.028.405q0 1.333-.934 2.241q-.933.909-2.266.909q-.915 0-1.68-.483q-.766-.482-1.178-1.298l-.719-1.469q-.182-.385-.548-.567t-.775-.183h-4.75q-.41 0-.775.183t-.548.567l-.72 1.47q-.391.834-1.166 1.307q-.776.473-1.691.473m9.315-8.96q.23-.23.23-.54t-.23-.54t-.54-.23t-.54.23t-.23.54t.23.54t.54.23t.54-.23m2-2q.23-.23.23-.54t-.23-.54t-.54-.23t-.54.23t-.23.54t.23.54t.54.23t.54-.23m0 4q.23-.23.23-.54t-.23-.54t-.54-.23t-.54.23t-.23.54t.23.54t.54.23t.54-.23m2-2q.23-.23.23-.54t-.23-.54t-.54-.23t-.54.23t-.23.54t.23.54t.54.23t.54-.23m-9.224 1.526q.126-.126.126-.316v-1.308h1.308q.19 0 .316-.126q.126-.125.126-.316t-.126-.316t-.316-.126H8.942V8.25q0-.19-.126-.316T8.5 7.808t-.316.126t-.126.316v1.308H6.75q-.19 0-.316.126T6.308 10t.126.316t.316.126h1.308v1.308q0 .19.126.316t.316.126t.316-.126"/></svg>Stadia Controller アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:stadia-controller" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:stadia-controller" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:stadia-controller" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--stadia-controller]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:stadia-controller"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:stadia-controller"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/stadia-controller.svg" alt="Stadia Controller アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Stadia Controller アイコン
Stadia Controller アイコン のよくある質問
Stadia Controller アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Stadia Controller アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:stadia-controller" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Stadia Controller アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/stadia-controller.svg" alt="Stadia Controller アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。