File Type Binary アイコン

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

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

vscode-icons:file-type-binary

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#9f4246" d="M20.929 2h-16.4v28h23.3V9Zm5.114 26.35H6.409V3.65h13.406l6.333 6.333V28.35ZM11.477 15.393c1.584 0 2.563-1.463 2.563-3.663c0-2.145-.8-3.443-2.4-3.443S9.068 9.75 9.068 11.95c0 2.15.803 3.443 2.409 3.443m-1.243-3.663c0-1.562.429-2.453 1.32-2.453c.649 0 1.045.55 1.221 1.474l-2.53 1.309a3 3 0 0 1-.011-.33m1.331 2.67c-.638 0-1.045-.528-1.221-1.43l2.53-1.309v.286c0 1.565-.418 2.453-1.309 2.453m10.27.847l.1-1.023h-1.65V8.21l-1.177.1v.8l-1.694.176l.022.891l1.672-.044v4.092h-1.849v1.025Zm-7.85 9.5l.1-1.023h-1.65V17.71l-1.177.1v.8l-1.694.176l.022.891l1.672-.044v4.092H9.409v1.025Zm5.442.143c1.584 0 2.563-1.463 2.563-3.663c0-2.145-.8-3.443-2.4-3.443s-2.574 1.463-2.574 3.663c.002 2.148.805 3.446 2.411 3.446Zm-1.243-3.66c0-1.562.429-2.453 1.32-2.453c.649 0 1.045.55 1.221 1.474l-2.53 1.309a3 3 0 0 1-.011-.33m1.331 2.67c-.638 0-1.045-.528-1.221-1.43l2.53-1.309v.286c0 1.565-.418 2.453-1.309 2.453"/></svg>

File Type Binary アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →