File Type Nsi アイコン

Q: File Type Nsi アイコンは商用利用でも無料ですか?

はい。VSCode Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

vscode-icons:file-type-nsi

File Type Nsi アイコン(vscode-icons:file-type-nsi)は、VSCode Icons セットの無料 SVG アイコンです（作者: Roberto Huertas）。 32 × 32 のグリッドで描かれています。 VSCode Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: VSCode Icons
作者: Roberto Huertas
ライセンス: MIT
サイズ: 32 × 32
タグ: filetype、typensi、filetypensi

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#00577b" d="m27.435 16.037l-5.423 5.423l5.423 5.423"/><path fill="#0079aa" d="M26.884 15.5H16.048l5.423 5.423"/><path fill="#0096d3" d="m26.884 14.712l-5.423-5.423l-5.423 5.423"/><path fill="#01b0f0" d="M20.528 9.131H9.683l5.423 5.423M27.435 3.325l-5.423 5.423l5.423 5.423"/><path fill="#27bcf3" d="m20.528 8.356l-5.423-5.423l-5.422 5.423"/><path fill="#4fc9f5" d="M14.172 2.775H3.327L8.749 8.2"/><path fill="#79201b" d="m4.568 15.963l5.423-5.423l-5.423-5.423"/><path fill="#a42d26" d="m10.541 11.091l-5.422 5.422h10.845"/><path fill="#cc382f" d="m5.119 17.288l5.423 5.423l5.423-5.423"/><path fill="#f0453f" d="M4.568 17.829v10.846l5.423-5.423L8.4 21.665m13.916 1.2L16.9 17.447l-5.423 5.423"/><path fill="#f2625d" d="m11.475 23.644l5.425 5.423l5.423-5.423"/><path fill="#f47f7d" d="M17.84 29.225h10.845L23.263 23.8"/><path fill="#464049" d="m29.889 29.337l-1.68-1.68V2.392a.37.37 0 0 0-.243-.355a.26.26 0 0 0-.139-.037a.36.36 0 0 0-.271.112L21.471 8.2l-6.086-6.088l-.085-.075h-.037A.3.3 0 0 0 15.105 2H2.4a.43.43 0 0 0-.289.112a.38.38 0 0 0-.111.28a.36.36 0 0 0 .112.271l1.68 1.68v25.274a.37.37 0 0 0 .243.355a.4.4 0 0 0 .15.028a.36.36 0 0 0 .271-.112l6.085-6.088l6.085 6.085l.084.075h.037a.25.25 0 0 0 .153.04h12.709a.395.395 0 0 0 .28-.663M27.435 3.325v10.846l-5.423-5.423zM9.991 10.54l-5.423 5.423V5.117zm-.308-1.409h10.845l-5.423 5.423zm.859 1.96l5.423 5.423H5.119zm6.358 6.356l5.423 5.423H11.475zm-.852-1.947h10.845l-5.423 5.423zm5.964 5.964l5.423-5.423v10.842l-5.423-5.423Zm4.872-6.748H16.048l5.423-5.423zm-6.356-6.36H9.683l5.423-5.423l5.423 5.423ZM3.327 2.775h10.845L8.749 8.2Zm1.241 25.9V17.829L8.4 21.665l1.587 1.587zm.551-11.387h10.845l-5.423 5.423zM16.9 29.067l-5.423-5.423H22.32zm.943.159l5.42-5.426l5.423 5.423Z"/></svg>

File Type Nsi アイコンの使い方

React

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

<Icon icon="vscode-icons:file-type-nsi" width="24" />

Vue

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

<template>
  <Icon icon="vscode-icons:file-type-nsi" width="24" />
</template>

Svelte

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

<Icon icon="vscode-icons:file-type-nsi" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-nsi]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-nsi"></div>

Web コンポーネント

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

<iconify-icon icon="vscode-icons:file-type-nsi"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-nsi.svg" alt="File Type Nsi アイコン" width="24" height="24">

VSCode Icons の関連アイコン

File Type Nsi アイコンのよくある質問

File Type Nsi アイコンは商用利用でも無料ですか?

はい。VSCode Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で File Type Nsi アイコンを使うには?

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

File Type Nsi アイコンをウェブページに追加するには?

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

VSCode Icons をすべて見る →