Stadia Controller Outline アイコン
material-symbols:stadia-controller-outline
Stadia Controller Outline アイコン(material-symbols:stadia-controller-outline)は、Material Symbols セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- タグ
- stadiacontroller、controlleroutline、stadiacontrolleroutline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.725 20q-1.5 0-2.562-1.075t-1.113-2.6q0-.225.025-.45t.075-.45l2.1-8.4q.35-1.35 1.425-2.187T7.125 4h9.75q1.375 0 2.45.838t1.425 2.187l2.1 8.4q.05.225.088.463t.037.462q0 1.525-1.088 2.588T19.276 20q-1.05 0-1.95-.55t-1.35-1.5l-.7-1.45q-.125-.25-.375-.375T14.375 16h-4.75q-.275 0-.525.125t-.375.375l-.7 1.45q-.45.95-1.35 1.5t-1.95.55m.075-2q.475 0 .863-.25t.587-.675l.7-1.425q.375-.775 1.1-1.213T9.625 14h4.75q.85 0 1.575.45t1.125 1.2l.7 1.425q.2.425.588.675t.862.25q.7 0 1.2-.462t.525-1.163q0 .025-.05-.475l-2.1-8.375q-.175-.675-.7-1.1T16.875 6h-9.75q-.7 0-1.237.425t-.688 1.1L3.1 15.9q-.05.15-.05.45q0 .7.513 1.175T4.8 18m9.413-7.287q.287-.288.287-.713t-.288-.712T13.5 9t-.712.288T12.5 10t.288.713t.712.287t.713-.288m2-2Q16.5 8.426 16.5 8t-.288-.712T15.5 7t-.712.288T14.5 8t.288.713T15.5 9t.713-.288m0 4q.287-.287.287-.712t-.288-.712T15.5 11t-.712.288T14.5 12t.288.713t.712.287t.713-.288m2-2q.287-.287.287-.712t-.288-.712T17.5 9t-.712.288T16.5 10t.288.713t.712.287t.713-.288m-9.176 1.576q.213-.213.213-.538v-1h1q.325 0 .538-.213T11 10t-.213-.537t-.537-.213h-1v-1q0-.325-.213-.537T8.5 7.5t-.537.213t-.213.537v1h-1q-.325 0-.537.213T6 10t.213.538t.537.212h1v1q0 .325.213.538t.537.212t.538-.213M12 12"/></svg>Stadia Controller Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:stadia-controller-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:stadia-controller-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:stadia-controller-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--stadia-controller-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:stadia-controller-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:stadia-controller-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols/stadia-controller-outline.svg" alt="Stadia Controller Outline アイコン" width="24" height="24">Material Symbols の関連アイコン
他のアイコンセットの Stadia Controller Outline アイコン
Stadia Controller Outline アイコン のよくある質問
Stadia Controller Outline アイコンは商用利用でも無料ですか?
はい。Material Symbols icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Stadia Controller Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols:stadia-controller-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Stadia Controller Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols/stadia-controller-outline.svg" alt="Stadia Controller Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。