File Type Nushell アイコン

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

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

vscode-icons:file-type-nushell

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#54a706" d="M6.785 2.035c.757.291 1.455.611 2.134.97c.3.165.3.165.601.34c.214.126.427.242.65.368c.233.126.456.262.689.388c2.037 1.164 3.977 2.328 6.014 3.492c2.037 1.261 4.171 2.425 6.305 3.686c.446.262.892.514 1.358.776c.582.35.582.35 1.164.611c.728.369 1.164.611 1.455 1.358c.262 1.455.407 3.59-.456 4.85c-.786.737-1.746 1.164-2.716 1.552c-1.164.534-2.134 1.164-3.2 1.746c-.544.32-1.068.621-1.65.931c-1.649.941-3.298 1.94-4.947 2.91c-1.067.65-2.23 1.261-3.298 1.94c-.3.175-.3.175-.611.36c-.514.3-1.067.6-1.552.901l-.436.262C7.89 29.7 7.89 29.7 7.22 30c-.95-.32-1.164-.97-1.649-1.843c-.083-.145-.164-.3-.252-.456a26 26 0 0 1-.61-1.164c.872-.96 1.745-1.552 2.91-2.134c.368-.203.736-.397 1.066-.601c.291-.155.291-.155.592-.32c1.746-.97 3.492-2.037 5.238-3.104c.708-.417 1.455-.825 2.134-1.261c.611-.35 1.26-.708 1.843-1.067c.3-.175.592-.35.892-.514c.417-.243.834-.485 1.261-.728c.243-.136.476-.281.728-.417c.562-.3.562-.3.766-.805c-.165-.061-.33-.126-.495-.184a15 15 0 0 1-1.843-.932l-.698-.407c-.252-.146-.495-.291-.747-.436c-.262-.156-.524-.301-.786-.456l-6.4-3.783c-2.135-1.261-4.366-2.522-6.5-3.783c.34-.912.776-1.746 1.261-2.522c.146-.243.291-.485.437-.738c.107-.184.223-.368.33-.552z"/></svg>

File Type Nushell アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-nushell"></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-nushell"></iconify-icon>

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →