Nintendo Switch アイコン

Q: Nintendo Switch アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:nintendo-switch

Nintendo Switch アイコン(selfhst:nintendo-switch)は、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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#dd2f28" d="M432.5 512h-353C35.6 512 0 476.4 0 432.5v-353C0 35.6 35.6 0 79.5 0h353C476.4 0 512 35.6 512 79.5v353c0 43.9-35.6 79.5-79.5 79.5"/><path fill="#fff" d="M146.2 65.3c-38.2 6.8-69 35.1-78.7 72.4c-3.5 13.4-3.7 21.3-3.3 125.5c.2 95.7.3 98 1.9 105.4c8.8 39.8 37.1 68.2 77.4 77.6c5.2 1.2 11.9 1.4 54.9 1.7c44.5.3 49.1.2 50.3-1s1.3-16.5 1.3-190.5c0-129-.2-189.7-.8-190.8c-.8-1.4-2.1-1.5-48.7-1.4c-37.9 0-49.3.2-54.3 1.1m72 190.8v161.1l-32.4-.4c-29.8-.3-33-.5-39-2c-25.6-6.6-44.6-26.3-49.9-52c-1.8-8-1.8-205.8-.1-213.7c4.8-22.3 20.3-40.9 41.2-49.2c10.5-4.2 15.3-4.7 49.4-4.8l30.8-.1zm-65.1-112.5c-5 .9-12.6 4.8-16.7 8.3c-8.3 7.2-12.5 17.5-11.8 29.6c.3 6.3.7 7.9 3.3 13c3.7 7.7 9.4 13.4 17.1 17.2c5.3 2.6 6.7 2.9 13.6 3.2c6.3.2 8.5 0 12.7-1.4c17.2-5.8 27.7-22.6 24.7-39.8c-3.5-20.4-22.9-34.1-42.9-30.1m135.6-79c-.3.2-.6 86.4-.6 191.5c0 173.4.1 191 1.3 191.5c2.1.8 63.8.5 71.5-.3c32.3-3.7 60.7-23.3 76.2-52.5c2-3.7 4.6-10 6-13.9c5-14.9 4.9-11 4.9-125.2c0-91.2-.2-104.8-1.3-110.6c-7.9-41.4-39.4-72.7-80.9-79.8c-5.6-.9-14.1-1.2-41.8-1.2c-19.1-.1-35 .1-35.3.5m84.9 173.1c12.4 3.3 22.6 12.7 26.7 24.8c2.6 7.5 2.5 18.4-.1 25.3c-4.9 12.6-14.4 21.4-26.6 24.6c-19.9 5.2-41-6.8-46.8-26.6c-1.8-6-1.7-16.2.3-22.4c6-19.4 26.6-30.9 46.5-25.7"/></svg>

Nintendo Switch アイコンの使い方

React

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

<Icon icon="selfhst:nintendo-switch" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:nintendo-switch" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:nintendo-switch" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--nintendo-switch]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:nintendo-switch"></div>

Web コンポーネント

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

<iconify-icon icon="selfhst:nintendo-switch"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/nintendo-switch.svg" alt="Nintendo Switch アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

他のアイコンセットの Nintendo Switch アイコン

Nintendo Switch アイコンのよくある質問

Nintendo Switch アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Nintendo Switch アイコンを使うには?

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

Nintendo Switch アイコンをウェブページに追加するには?

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

selfh.st/icons をすべて見る →