Nintendo Switch Light アイコン
selfhst:nintendo-switch-light
Nintendo Switch Light アイコン(selfhst:nintendo-switch-light)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
- タグ
- nintendoswitch、switchlight、nintendoswitchlight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M373.6 237.7c-19.9-5.2-40.5 6.3-46.5 25.8c-2 6.2-2.1 16.4-.3 22.4c5.8 19.7 27 31.7 46.8 26.6c12.2-3.3 21.8-12.1 26.6-24.6c2.6-6.8 2.7-17.8.1-25.3c-4.1-12.2-14.3-21.6-26.7-24.9M432.5 0h-353C35.6 0 0 35.6 0 79.5v353C0 476.4 35.6 512 79.5 512h353c43.9 0 79.5-35.6 79.5-79.5v-353C512 35.6 476.4 0 432.5 0M248.7 446.8c-1.2 1.2-5.8 1.3-50.3 1c-43-.2-49.7-.5-54.9-1.7c-40.2-9.4-68.5-37.8-77.4-77.6c-1.6-7.4-1.7-9.6-1.9-105.3c-.4-104.2-.2-112.1 3.3-125.5c9.7-37.2 40.5-65.5 78.7-72.4c5-.9 16.4-1.1 54.2-1.2c46.6-.1 47.9 0 48.7 1.4c.6 1.1.8 61.9.8 190.8c.1 174 0 189.3-1.2 190.5m194.4-66c-1.4 3.9-4 10.2-6 13.9c-15.5 29.2-44 48.8-76.2 52.5c-7.6.8-69.3 1.1-71.5.3c-1.2-.5-1.3-18-1.3-191.5c0-105.1.2-191.3.6-191.5c.2-.3 16.1-.6 35.2-.6c27.7 0 36.3.2 41.8 1.2c41.5 7.2 73.1 38.4 80.9 79.8c1.1 5.8 1.3 19.4 1.3 110.6c.1 114.4.2 110.4-4.8 125.3M138 99.9c-20.9 8.3-36.4 26.9-41.2 49.2c-1.7 7.9-1.7 205.7.1 213.7c5.3 25.7 24.3 45.4 49.9 52c6 1.5 9.1 1.7 39 2l32.4.4V95l-30.8.1c-34 .1-38.9.5-49.4 4.8m33.2 113.6c-4.2 1.4-6.4 1.7-12.7 1.4c-6.9-.2-8.3-.6-13.6-3.2c-7.7-3.8-13.4-9.5-17.1-17.2c-2.5-5.1-2.9-6.8-3.3-13c-.6-12.1 3.5-22.3 11.8-29.6c4.1-3.6 11.7-7.4 16.7-8.3c20-4 39.4 9.7 42.9 30.1c3 17.2-7.4 34-24.7 39.8"/></svg>Nintendo Switch Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:nintendo-switch-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:nintendo-switch-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:nintendo-switch-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--nintendo-switch-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:nintendo-switch-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:nintendo-switch-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/nintendo-switch-light.svg" alt="Nintendo Switch Light アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Nintendo Switch Light アイコン のよくある質問
Nintendo Switch Light アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Nintendo Switch Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:nintendo-switch-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nintendo Switch Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/nintendo-switch-light.svg" alt="Nintendo Switch Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。