File Type Lychee アイコン

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

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

vscode-icons:file-type-lychee

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVGhDbaeMzN"><stop offset="0" stop-color="#d2d2d2"/></linearGradient><linearGradient id="SVGZsURPbTz" x1="86.99" x2="152.52" y1="90.38" y2="90.38" gradientUnits="userSpaceOnUse" href="#SVGhDbaeMzN"/></defs><g transform="matrix(.3 0 0 .3 4.76 .548)"><path d="M64.404 36.17c-.59-17.476-11.095-31.892-24.807-31.938c-19.42-.06-28.847 25.404-24.149 37.754c13.52 10.69 44.984 4.185 48.956-5.815" filter="blur(2.5px)" opacity=".25"/><path fill="#ff1999" d="M70.45 36.56c11.47.49 9.89 13.54 2.27 14.7c12.96 1.81 7 16.43 1.3 16.12c8.15 8.91.07 19.91-9.72 14.7c2.23 8.12-10.51 12.39-13.27 4.27c-4.53 13.58-16.81 8.56-16.73 2.23c-4.14 7.23-13.63 2.72-13.59-2.93c-7.25 4.14-16.32-4.67-11.24-11.38c-9.89-.24-9.65-12.44-2.25-14.17c1.72.7-.7 3.15-.02-.13c-10.24-3.31-8.53-14.4-1.3-14.3c-3.45-4.86 2.16-11.58 8.26-10.89"/><path fill="url(#SVGZsURPbTz)" d="M152.52 103.86c-.77-22.84-14.5-41.68-32.42-41.74c-25.38-.08-37.7 33.2-31.56 49.34c17.67 13.97 58.79 5.47 63.98-7.6" transform="translate(-51.66 -42.89)scale(.76517)"/><circle cx="33.86" cy="25.73" r="1.93" fill="#676767"/><circle cx="53.26" cy="26.44" r="2.24" fill="#676767"/><path fill="none" stroke="#676767" stroke-linecap="round" stroke-linejoin="round" stroke-width=".73" d="M40.32 27.13c-.19 1.49.28 2.92 1.63 3.19c2.01.41 2.8-1 3.5-2.63"/><path fill="#ff6fbf" d="M9.4 48.11c-6.18-.09-7.64 9.03 1.11 11.75c0 .04-.01.07-.02.12c-6.29 1.45-6.47 11.45 1.96 11.64c-4.34 5.52 3.4 12.76 9.61 9.35c-.03 4.64 8.08 8.35 11.61 2.41c-.06 4.88 9.13 8.8 13.48.11c-4.15 1.55-8.7-1.13-8.66-4.24c-3.45 5.31-11.35 2-11.32-2.15c-6.05 3.05-13.59-3.43-9.37-8.36c-8.22-.18-8.04-9.11-1.91-10.41c0-.04.01-.06.02-.1c-6.73-1.92-7.26-7.41-4.22-9.6c-.77-.17-1.52-.34-2.29-.51m43.02 29.49q-.04.11-.08.21l.12-.12"/><path fill="#ffb7df" d="m65.23 34.8l-.29.02q.06.87.09 1.76c-3.96 10-35.43 16.5-48.95 5.81c-.55-1.45-.91-3.09-1.08-4.84l-.5.03c-11.77 11.8 34.32 24.33 52.24 1.5c.24-3.03.25-3.94-2.71-4.28"/></g></svg>

File Type Lychee アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →