File Type Light Expo アイコン

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

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

vscode-icons:file-type-light-expo

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

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

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.128 1.074l-7.112 4.018l7.348 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 d="M27.2 12.85a2.432 2.432 0 0 0-4.157.3a2.19 2.19 0 0 0 .419 2.449A3.544 3.544 0 0 0 27.2 12.85M19.976 3.4l-1.547-.849L11.693 6.3l.537.29l1.021.537L15.1 6.1l4.877-2.718Zm.623-.258a.24.24 0 0 1 .172.161l2.256 6.657a.223.223 0 0 1-.107.29a4.36 4.36 0 0 0-2.106 4.985a4.61 4.61 0 0 0 4.92 3.244a.285.285 0 0 1 .28.172l2.331 6.833a.28.28 0 0 1-.108.3l-7.165 4.189a.3.3 0 0 1-.108.022a.3.3 0 0 1-.193-.032l-2.514-1.58a.25.25 0 0 1-.107-.107l-4.91-11.29l-7.477 4.254a.35.35 0 0 1-.29.011l-1.7-.967a.247.247 0 0 1-.107-.322L10.93 6.178a.26.26 0 0 1 .118-.107l7.241-4.039a.27.27 0 0 1 .258 0Zm-8.981 3.702l-.355-.182l-7 13.332l1.278.72l6.038-7.9a.3.3 0 0 1 .247-.108a.3.3 0 0 1 .215.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.72 2.72 0 0 1 .078 3.843l-.078.078a2.932 2.932 0 0 1-4.824-1.236"/></svg>

File Type Light Expo アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →