File Type Crowdin アイコン

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

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

vscode-icons:file-type-crowdin

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#30660f" d="M30 8.348s-19.158-2.08-21.065 6.415c-2.774 12.31 9.276 9.537 9.276 9.537S1.827 31.321 3.56 15.023C4.774 3.927 26.359 6.615 30 8.348"/><path fill="#30660f" d="M28.353 12.769s-8.669-.087-9.189 3.641c-.78 5.461 4.508 3.728 4.508 3.728s-7.108 3.728-6.935-3.381c.087-4.854 9.882-4.594 11.616-3.988"/><path fill="#30660f" d="M28.526 10.516s-13.09-.173-13.957 5.548C13.443 24.3 21.418 21.7 21.418 21.7s-10.663 5.635-10.489-5.2c.173-7.282 15-6.848 17.6-5.981Z"/><path fill="#b8cc1c" d="M23.672 20.225s-6.935 3.641-7.542-2.6c.867.087 1.647.26 2.427.26c.347 4.508 5.115 2.341 5.115 2.341Zm-4.941-4.508c-.087.26-.173.78-.26 1.04c-1.474-.173-.867 0-2.427-.26c0-.087.087-.607.087-.693c.867-4.421 10.576-3.554 12.136-2.947c.087-.087-8.582-.78-9.536 2.861Z"/><path fill="#b8cc1c" d="M21.418 21.785S10.929 27.333 10.062 17.8a29 29 0 0 0 3.641.347c.52 6.935 7.715 3.641 7.715 3.641Zm-7.368-6.762c-.087.347-.26 1.214-.347 1.474c-2.254-.26-2.08-.173-3.728-.433c0-.173.087-.954.087-1.127c1.3-6.675 16.037-5.375 18.464-4.421c0 0-13.09-1.04-14.477 4.508Z"/><path fill="#b8cc1c" d="M18.037 24.3S2 31.147 2 16.757A30 30 0 0 0 7.288 17.8c-.088 10.486 10.749 6.5 10.749 6.5M8.241 13.029a22 22 0 0 0-.693 2.254c-3.207-.693-2.427-.433-5.375-1.127c.087-.26.26-1.474.347-1.647C5.294 2.627 26.619 6.615 30 8.348c0 0-18.9-3.467-21.759 4.681"/></svg>

File Type Crowdin アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →