File Type Light Lark アイコン

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

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

vscode-icons:file-type-light-lark

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="m12.15 21.59l2.25 2.46a23 23 0 0 0-4.78.53c.7-1.3 1.48-2.48 2.53-3zm4 2.54l-2.63-2.88c.52-.07 1.1-.11 1.74-.19a5.68 5.68 0 0 1 3.77 2.7c-.88.19-1.82.37-2.88.37M12.41 3.95c2.62.41 3.54 1.58 3.33 3.47c-4.58 2.41-7.33 8.56-7.96 11.44c-.52 2.33-.57 4.24-1.85 6.23c-1.95.05-2.3-.15-3.26.57l-.24 1.18c.83-.74 1.07-.39 2.57-.55c-.25.28-.52.56-.84.85c-1.08 1.3 1.18 3.96 2.53 2.36c.86-.64 1.54-2.08 2.26-3.57c1.33-.1 3.03-.2 4.72-.26c.16.5.41.97.84 1.37c.16-.47.5-.95.93-1.44c1.3-.04 2.5-.07 3.43-.07c0 0 .92-1.64 4.5-1.64c3.59 0 3.66 1.13 3.86.37c.28-1.15 2.46-1.2 2.33-1.56c-.37-1.02-1.7-.29-2.78.41h-1.93c-.32-1.34-2.67.15-4.28.35c-.86-.95-1.65-1.96-2.94-2.85c2.7-.78 9.08-5.72 6.28-12.3c-.85-1.97-2-4.72-3.16-5.53C18.05.9 15.18 3 15.18 3h-1.81c-.49.07-.6.14-.96.95"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →