File Type Less アイコン

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

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

vscode-icons:file-type-less

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVGuo7SIeew" x1="-3.609" x2="-3.609" y1="-492.685" y2="-480.271" gradientTransform="translate(19.712 502.891)" gradientUnits="userSpaceOnUse"><stop offset=".15" stop-color="#2a4f84"/><stop offset=".388" stop-color="#294e82"/><stop offset="1" stop-color="#172e4e"/></linearGradient></defs><path fill="url(#SVGuo7SIeew)" d="M28.559 20.226a2.4 2.4 0 0 1-2.394 2.394H6.04a2.4 2.4 0 0 1-2.394-2.394V12.6a2.4 2.4 0 0 1 2.394-2.394h20.125a2.4 2.4 0 0 1 2.394 2.394Z"/><path fill="#f6f6f6" d="M24.349 16.25a1.97 1.97 0 0 1 1.578 1.891a1.69 1.69 0 0 1-.653 1.4a2.93 2.93 0 0 1-1.862.559a4.56 4.56 0 0 1-2.241-.618a2 2 0 0 1 .16-.669a1.8 1.8 0 0 1 .35-.576a3.7 3.7 0 0 0 1.649.493a.97.97 0 0 0 .51-.112a.34.34 0 0 0 .178-.3q0-.353-.546-.529l-.653-.247q-1.482-.54-1.482-1.762a1.75 1.75 0 0 1 .623-1.416a2.6 2.6 0 0 1 1.678-.648a5 5 0 0 1 1.15.147a4.6 4.6 0 0 1 1.032.472a1.7 1.7 0 0 1-.13.722a1.2 1.2 0 0 1-.38.558a4.3 4.3 0 0 0-1.66-.446a.54.54 0 0 0-.362.106a.34.34 0 0 0-.124.27q0 .282.451.446l.736.259Zm-5.249 0a1.97 1.97 0 0 1 1.577 1.891a1.69 1.69 0 0 1-.652 1.4a2.94 2.94 0 0 1-1.862.559a4.56 4.56 0 0 1-2.241-.618a2 2 0 0 1 .16-.669a1.8 1.8 0 0 1 .35-.576a3.7 3.7 0 0 0 1.649.493a.96.96 0 0 0 .51-.112a.34.34 0 0 0 .178-.3q0-.353-.546-.529l-.653-.247q-1.482-.54-1.482-1.762a1.75 1.75 0 0 1 .623-1.416a2.6 2.6 0 0 1 1.677-.648a5 5 0 0 1 1.15.147a4.6 4.6 0 0 1 1.032.472a1.7 1.7 0 0 1-.13.722a1.2 1.2 0 0 1-.38.558a4.3 4.3 0 0 0-1.661-.446a.54.54 0 0 0-.362.106a.34.34 0 0 0-.124.27q0 .282.451.446zm-3.836.083a2.8 2.8 0 0 0-.172-1a2.2 2.2 0 0 0-.492-.787a2.3 2.3 0 0 0-.777-.517a2.7 2.7 0 0 0-1.026-.314a2.8 2.8 0 0 0-1.18.361a2.26 2.26 0 0 0-.83.646a2.8 2.8 0 0 0-.487.969a4.4 4.4 0 0 0-.16 1.216a5.7 5.7 0 0 0 .13 1.257a2.6 2.6 0 0 0 .445 1a2.1 2.1 0 0 0 .818.657a2.9 2.9 0 0 0 1.251.277a3.95 3.95 0 0 0 2.324-.712a1.87 1.87 0 0 0-.484-1.081a6 6 0 0 1-.857.262a3.2 3.2 0 0 1-.656.079a1.02 1.02 0 0 1-.815-.29a1.2 1.2 0 0 1-.271-.77h3.083a4.5 4.5 0 0 0 .156-1.253m-3.248.081a2.4 2.4 0 0 1 .218-1a.63.63 0 0 1 .559-.264a.66.66 0 0 1 .582.282a1.75 1.75 0 0 1 .194.856v.13h-1.553Z"/><path fill="#f6f6f6" stroke="#404040" stroke-miterlimit="10" stroke-width=".25" d="M29.18 17.2a1.6 1.6 0 0 0-.53 1.265v2.051a1.81 1.81 0 0 1-.683 1.557a2.8 2.8 0 0 1-1.654.549h-.373v-1.028a1.24 1.24 0 0 0 .595-.334a1.37 1.37 0 0 0 .419-1.047v-1.657a2.55 2.55 0 0 1 .257-1.323a2.5 2.5 0 0 1 1.2-.838a2.53 2.53 0 0 1-1.324-1.179a3 3 0 0 1-.135-1.165v-1.518a1.46 1.46 0 0 0-.366-1.054a1.15 1.15 0 0 0-.648-.314v-.96h.928a1.68 1.68 0 0 1 1.023.442a2 2 0 0 1 .673 1.009a2.3 2.3 0 0 1 .086.7v1.757a1.85 1.85 0 0 0 .5 1.383a2.1 2.1 0 0 0 .854.479v.794a1.94 1.94 0 0 0-.82.426ZM5.594 10.206H5.26a1.67 1.67 0 0 0-1.023.442a1.7 1.7 0 0 0-.673 1.009a3.5 3.5 0 0 0-.038.7v1.757a1.87 1.87 0 0 1-.545 1.386a2.9 2.9 0 0 1-.981.477v.793a2.55 2.55 0 0 1 .947.426a1.64 1.64 0 0 1 .577 1.265v2.051a1.78 1.78 0 0 0 .636 1.558a2.8 2.8 0 0 0 1.654.55h.421v-1.026a1.5 1.5 0 0 1-.643-.334a1.36 1.36 0 0 1-.371-1.047v-1.656a2.5 2.5 0 0 0-.305-1.323a2.5 2.5 0 0 0-1.2-.838a2.53 2.53 0 0 0 1.324-1.178a2.9 2.9 0 0 0 .183-1.165v-1.519a1.46 1.46 0 0 1 .317-1.054a1.3 1.3 0 0 1 .575-.271h.428v-1.003z"/><path fill="#f6f6f6" d="M9.537 18.529h-.32c-.348 0-.479-.183-.479-.551v-6.759a1.26 1.26 0 0 0-.268-.856c-.15-.164-.411-.162-.783-.162h-.808v8.106a1.88 1.88 0 0 0 .352 1.24a1.44 1.44 0 0 0 1.145.393a8 8 0 0 0 1.269-.118a2.2 2.2 0 0 0 .036-.509a2.3 2.3 0 0 0-.142-.782Z"/></svg>

File Type Less アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →