File Type Nearly アイコン

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

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

vscode-icons:file-type-nearly

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#559" d="M29.517 12.25a.477.477 0 0 0-.483.469v2.812h-.965v-2.812a.483.483 0 0 0-.966 0v2.812h-3.4A7.64 7.64 0 0 0 16 8.5a7.64 7.64 0 0 0-7.708 7.031H4.9v-2.812a.483.483 0 0 0-.966 0v2.812h-.968v-2.812a.483.483 0 0 0-.966 0v6.562a.483.483 0 0 0 .966 0v-2.812h.965v2.812a.483.483 0 0 0 .966 0v-2.812h3.395A7.64 7.64 0 0 0 16 23.5a7.64 7.64 0 0 0 7.708-7.031h3.4v2.812a.483.483 0 0 0 .966 0v-2.812h.965v2.812a.483.483 0 0 0 .966 0v-6.562a.476.476 0 0 0-.488-.469M16 22.563A6.67 6.67 0 0 1 9.241 16A6.67 6.67 0 0 1 16 9.438A6.67 6.67 0 0 1 22.759 16A6.67 6.67 0 0 1 16 22.563m3.611-9.7a.5.5 0 0 1 .01.092v3.516a.483.483 0 0 1-.966 0v-2.386L13.2 19.378a.49.49 0 0 1-.682 0a.46.46 0 0 1 0-.663l5.451-5.293h-2.452a.469.469 0 1 1 0-.938h3.627a.4.4 0 0 1 .088.009l.042.012l.049.014l.045.023l.038.02a1 1 0 0 1 .073.058a.4.4 0 0 1 .06.071l.021.036q.012.02.024.045c.012.025.01.031.015.047l.012.042Z"/></svg>

File Type Nearly アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →