Nintendo Xbox Controller 1 アイコン
streamline-plump:nintendo-xbox-controller-1
Nintendo Xbox Controller 1 アイコン(streamline-plump:nintendo-xbox-controller-1)は、Plump free icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- エンターテインメント
- タグ
- nintendoxbox、xboxcontroller、nintendoxboxcontroller
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="3"><path d="M16.794 9.897a2.04 2.04 0 0 1-1.652-.586l-.128-.13c-.751-.756-1.781-1.216-2.828-1.016c-1.113.212-2.143.597-2.943.96c-1.11.502-1.907 1.476-2.328 2.619c-3.702 10.055-3.993 20.283-3.902 24.825c.032 1.58.689 3.106 2.104 3.809c.748.371 1.559.68 2.3.923c1.568.516 3.246-.087 4.22-1.418c1.268-1.73 2.55-3.653 3.393-4.946c.624-.958 1.615-1.613 2.754-1.71C19.1 33.118 21.154 33 24 33s4.901.117 6.216.228c1.139.096 2.13.751 2.754 1.709c.843 1.293 2.125 3.216 3.392 4.946c.975 1.331 2.653 1.934 4.22 1.418a18 18 0 0 0 2.301-.923c1.415-.703 2.072-2.23 2.104-3.809c.09-4.542-.2-14.77-3.902-24.825c-.42-1.143-1.219-2.117-2.328-2.62c-.8-.362-1.83-.747-2.943-.96c-1.047-.199-2.077.261-2.828 1.017l-.128.13a2.04 2.04 0 0 1-1.652.586C29.677 9.743 26.605 9.47 24 9.47s-5.677.273-7.206.427Z"/><path stroke-linecap="round" d="M19 27h1m9 0h-1m-16-8a3 3 0 1 0 6 0a3 3 0 0 0-6 0m21-3v6m-3-3h6"/></g></svg>Nintendo Xbox Controller 1 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:nintendo-xbox-controller-1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:nintendo-xbox-controller-1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:nintendo-xbox-controller-1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--nintendo-xbox-controller-1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:nintendo-xbox-controller-1"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:nintendo-xbox-controller-1"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump/nintendo-xbox-controller-1.svg" alt="Nintendo Xbox Controller 1 アイコン" width="24" height="24">Plump free icons の関連アイコン
他のアイコンセットの Nintendo Xbox Controller 1 アイコン
Nintendo Xbox Controller 1 アイコン のよくある質問
Nintendo Xbox Controller 1 アイコンは商用利用でも無料ですか?
はい。Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Nintendo Xbox Controller 1 アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump:nintendo-xbox-controller-1" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nintendo Xbox Controller 1 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump/nintendo-xbox-controller-1.svg" alt="Nintendo Xbox Controller 1 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。