File Type Expo アイコン

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

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

vscode-icons:file-type-expo

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#fff" d="M3.979 20.059L11.252 6.2l7.155-3.835l2.127 1.074l-7.112 4.018l7.349 22.088l-2.364-1.375l-5.5-12.677l-7.22 5.479Z"/><ellipse cx="25.24" cy="13.967" fill="#fff" rx="2.686" ry="2.503"/><path fill="#4630eb" d="M27.2 12.85a2.433 2.433 0 0 0-4.158.3a2.19 2.19 0 0 0 .419 2.449A3.546 3.546 0 0 0 27.2 12.85M19.976 3.4l-1.547-.849L11.693 6.3l.537.29l1.02.537L15.1 6.1l4.878-2.718Zm.623-.258a.24.24 0 0 1 .172.161l2.256 6.657a.223.223 0 0 1-.108.29a4.36 4.36 0 0 0-2.105 4.985a4.61 4.61 0 0 0 4.92 3.244a.28.28 0 0 1 .279.172l2.331 6.833a.275.275 0 0 1-.107.3l-7.166 4.189a.3.3 0 0 1-.107.022a.3.3 0 0 1-.193-.032l-2.514-1.58a.25.25 0 0 1-.108-.107l-4.909-11.29l-7.478 4.254a.3.3 0 0 1-.053.022a.26.26 0 0 1-.237-.011l-1.7-.967a.247.247 0 0 1-.108-.322L10.93 6.178a.26.26 0 0 1 .118-.107l7.241-4.039a.27.27 0 0 1 .258 0Zm-8.982 3.702l-.354-.182l-7 13.332l1.279.72l6.037-7.9a.3.3 0 0 1 .248-.108a.3.3 0 0 1 .214.161l6.575 15.148l1.757 1.085l-7.058-20.633l-.3-.86l-1.407-.773Zm10.829 7.95a2.73 2.73 0 0 1 1.343-3.115a2.965 2.965 0 0 1 3.481.43a2.717 2.717 0 0 1 .078 3.843q-.037.039-.078.078a2.932 2.932 0 0 1-4.824-1.236"/></svg>

File Type Expo アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →