File Type Red アイコン

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

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

vscode-icons:file-type-red

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVGGkOCIeZk" x1="-547.975" x2="-547" y1="-244.974" y2="-244.974" gradientTransform="matrix(4 0 0 -4 2204 -974)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#eea831"/><stop offset="1" stop-color="#ffc929"/></linearGradient><linearGradient id="SVGJknVZd9g" x1="-547" x2="-544.762" y1="-247.171" y2="-247.171" gradientTransform="matrix(4 0 0 -4 2204 -974)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#b32629"/><stop offset=".583" stop-color="#8c1e21"/><stop offset="1" stop-color="#7a1a1d"/></linearGradient><linearGradient id="SVGFJHXfduf" x1="-547" x2="-546.025" y1="-244.974" y2="-244.974" gradientTransform="matrix(4 0 0 -4 2204 -974)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e8a333"/><stop offset=".612" stop-color="#c68931"/><stop offset="1" stop-color="#ab762f"/></linearGradient><linearGradient id="SVG6PN03b4W" x2="-543.5" y1="-249.368" y2="-249.368" href="#SVGJknVZd9g"/><linearGradient id="SVGpajdab2d" x1="-550.5" x2="-547" y1="-249.368" y2="-249.368" gradientTransform="matrix(4 0 0 -4 2204 -974)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ae2524"/><stop offset=".563" stop-color="#d01d19"/><stop offset="1" stop-color="#ed1913"/></linearGradient><linearGradient id="SVGEmUtNbNW" x1="-549.238" y1="-247.171" y2="-247.171" href="#SVGpajdab2d"/></defs><path fill="url(#SVGGkOCIeZk)" d="M16 9.792V2l-3.903 5.77z"/><path fill="url(#SVGJknVZd9g)" d="M16 12.097v7.806l8.952-4.667l-3.904-5.769z"/><path fill="url(#SVGFJHXfduf)" d="m16 9.792l3.903-2.022L16 2z"/><path fill="url(#SVG6PN03b4W)" d="M26.097 16.947L16 22.208V30l14-7.283z"/><path fill="url(#SVGpajdab2d)" d="M2 22.717L16 30v-7.792L5.903 16.947z"/><path fill="url(#SVGEmUtNbNW)" d="m10.952 9.467l-3.904 5.769L16 19.903v-7.806z"/></svg>

File Type Red アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →