File Type Publisher アイコン

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

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

vscode-icons:file-type-publisher

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#077467" d="M16.484 2.475h1.868v5.661h2.214c.088-1.123-.418-2.906 1-3.366c1.956-.23 3.941-.022 5.91-.1c.777.069 1.771-.189 2.356.475A4.7 4.7 0 0 1 30 6.561c-.009 4.3-.016 8.6 0 12.893a5.5 5.5 0 0 1-.2 1.711a10.4 10.4 0 0 1-2.96.186a35 35 0 0 1-.1 4.312c-.267.736-1.142.7-1.78.72c-2.2.006-4.407-.009-6.612 0v3.145h-1.943c-4.8-.871-9.6-1.673-14.4-2.516Q2 16 2 4.994c4.827-.84 9.659-1.667 14.484-2.519"/><path fill="#fff" d="M22.089 5.714c2.312-.2 4.64-.044 6.958-.094v14.469h-2.2c-.006-3.781.009-7.559-.006-11.339c-1.481-1.17-3.465-1.658-4.752-3.036"/><path fill="#fff" d="M18.352 9.08h7.235v16.356h-7.235v-1.887H23.7v-1.258h-5.348v-1.573H23.7V19.46h-5.348v-1.573H23.7v-1.258h-5.348v-1.573H23.7v-4.4h-5.348c-.003-.529-.003-1.051 0-1.576M7.029 10.8c1.714.053 3.8-.692 5.218.594c1.349 1.651.988 4.665-1.022 5.649a4.57 4.57 0 0 1-2.306.286c0 1.233-.006 2.466 0 3.7c-.635-.063-1.271-.126-1.9-.2c.026-3.338-.003-6.682.01-10.029"/><path fill="#077467" d="M8.916 12.49c.623-.035 1.4-.148 1.818.453a2.32 2.32 0 0 1 .028 2.051c-.365.645-1.17.582-1.8.654c-.062-1.048-.052-2.105-.046-3.158"/></svg>

File Type Publisher アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →