File Type Glimmer アイコン

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

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

vscode-icons:file-type-glimmer

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#e04e39" d="M30 16c0 7.732-6.268 14-14 14S2 23.732 2 16S8.268 2 16 2s14 6.268 14 14"/><path fill="#fff" d="M10.561 17.211c-.32 0-.626-.122-.855-.343a1.216 1.216 0 0 1-.027-1.726l8.293-8.5a1.23 1.23 0 0 1 1.337-.29a1.23 1.23 0 0 1 .677.652a1.21 1.21 0 0 1-.25 1.336l-8.293 8.5a1.23 1.23 0 0 1-.882.371m5.409.325a1.23 1.23 0 0 1-1.128-.742a1.21 1.21 0 0 1 .248-1.321l6.55-6.713a1.23 1.23 0 0 1 1.715-.01a1.21 1.21 0 0 1 .044 1.702l-6.55 6.714a1.22 1.22 0 0 1-.88.37ZM13.315 26a1.23 1.23 0 0 1-1.228-1.2c-.005-.324.12-.637.346-.87l11.456-11.74a1.233 1.233 0 0 1 1.726-.016a1.216 1.216 0 0 1 .039 1.714L14.198 25.629a1.23 1.23 0 0 1-.883.371M9.72 23.924a1.23 1.23 0 0 1-1.127-.735a1.21 1.21 0 0 1 .245-1.334l3.123-3.2a1.233 1.233 0 0 1 1.727-.017a1.216 1.216 0 0 1 .038 1.714l-3.123 3.201a1.23 1.23 0 0 1-.883.371m-2.49-9.262a1.23 1.23 0 0 1-1.132-.744a1.21 1.21 0 0 1 .25-1.325L9.47 9.392a1.233 1.233 0 0 1 1.73-.02a1.216 1.216 0 0 1 .035 1.718l-3.123 3.2a1.23 1.23 0 0 1-.882.372m16.064 6.97a1.23 1.23 0 0 1-.855-.343a1.216 1.216 0 0 1-.027-1.726l1.478-1.515a1.23 1.23 0 0 1 1.335-.285a1.215 1.215 0 0 1 .43 1.983l-1.479 1.515a1.23 1.23 0 0 1-.882.372Zm-2.88 3.026a1.21 1.21 0 0 1-.758 1.127a1.235 1.235 0 0 1-1.605-.66a1.21 1.21 0 0 1 .267-1.33a1.23 1.23 0 0 1 1.338-.264a1.23 1.23 0 0 1 .759 1.127Zm-11.74-5.466a1.2 1.2 0 0 1-.356.872a1.23 1.23 0 0 1-1.347.267a1.23 1.23 0 0 1-.665-.668a1.21 1.21 0 0 1 .274-1.325a1.233 1.233 0 0 1 1.729 0c.23.226.36.533.364.854ZM14.507 7.22a1.2 1.2 0 0 1-.36.863a1.23 1.23 0 0 1-.869.357a1.24 1.24 0 0 1-1.135-.753a1.21 1.21 0 0 1 .266-1.33a1.232 1.232 0 0 1 2.098.863"/></svg>

File Type Glimmer アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →