File Type Poml アイコン

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

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

vscode-icons:file-type-poml

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#f782d2" d="M3.7 19.12v-2.76h4.82q1.86 0 2.86-.94a3.5 3.5 0 0 0 1.02-2.68v-.02q0-1.74-1.02-2.68q-1-.94-2.86-.94H3.7V6.32h5.66q1.93 0 3.39.8a5.7 5.7 0 0 1 2.3 2.23q.81 1.43.81 3.35v.03q0 1.9-.82 3.35a6 6 0 0 1-2.3 2.24q-1.45.8-3.38.8zM2 25.44V6.32h3.42v19.12zm21.2.24a7 7 0 0 1-3.62-.9a6 6 0 0 1-2.36-2.56a9 9 0 0 1-.82-3.95v-.02q0-2.28.83-3.93a6 6 0 0 1 2.36-2.57q1.53-.9 3.61-.9c2.08 0 2.6.3 3.61.9a6 6 0 0 1 2.36 2.57q.83 1.65.83 3.93v.02q0 2.27-.83 3.95a6 6 0 0 1-2.35 2.56q-1.52.9-3.62.9m0-2.21q1.3 0 2.24-.64a4 4 0 0 0 1.45-1.8q.5-1.18.5-2.76v-.02q0-1.6-.51-2.75a4 4 0 0 0-1.45-1.8a4 4 0 0 0-2.23-.64q-1.27 0-2.22.64a4 4 0 0 0-1.46 1.79Q19 16.65 19 18.25v.02q0 1.59.5 2.76q.53 1.17 1.47 1.8c.94.63 1.37.64 2.22.64"/></svg>

File Type Poml アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →