File Type Denoify アイコン

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

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

vscode-icons:file-type-denoify

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="#222"><path fill="#69a658" d="m15.76 29.9l-5.75-3.54l-5.57-3.39v-1.85l.04-7V9l4.87-2.91l5.8-3.5l.94-.58l1.46.91l5.79 3.5l4.22 2.62v12.49l-.04 1.56l-1.38.8L15.94 30l-.18-.15z"/><path d="M11.58 14.96c-.22.15-.26.48 0 .58a.3.3 0 0 0 .4-.1a.33.33 0 0 0-.37-.44zm1.63.26a.36.36 0 0 0 0 .62c.22.14.51-.04.51-.33c0-.26-.29-.44-.5-.3M15.3 5.9l-.33.03a9.6 9.6 0 0 0-6.3 3.5a10.34 10.34 0 0 0 1.1 14.27a9.5 9.5 0 0 0 7.46 2.33a9.5 9.5 0 0 0 6.23-3.5a10.34 10.34 0 0 0-1.1-14.23a9.5 9.5 0 0 0-7.06-2.37zm.1 1.09a44 44 0 0 0 .12 2.44l.1 2.98v.19h-.1l-.11-.04l-.04-.36l-.18-4.85v-.54h.22zm2.3-.07l.04 3.64h-.26v-.73l-.03-2.91zm-5.5.83a122 122 0 0 1 .3 4.6l-.11.03v-.15l-.33-4.48zm6.56.48c.07.03.07.03.07.18v1.45c-.07 0-.22-.1-.22-.14v-.77c0-.83 0-.76.15-.72m-4.4.14l.03.8l.04 1.1c0 .43 0 .43-.11.43s-.11 0-.11-.1v-.52l-.08-.94v-.88h.15c.07 0 .07 0 .07.11m6.58.33h.11v1.78l-.1-.07l-.08-.04V8.7zm-4.33.33l.04 1.82v.36h-.22l-.07-2.04V9h.25zm5.46.18l.08 3.57a23 23 0 0 1-.15 3.5L21.95 13V9.4l-.03-.37l.07.07l.1.1zm-2.1.5v4.23l-.16-.07V9.65h.08zm-6.56.12a9 9 0 0 1 .03.98c.04.44 0 .44-.1.44q-.1.02-.08-.07l-.1-1.39l.17-.07l.04.1zm-3.97.65l.22 2s-.19.12-.22.08l-.26-2.3c0-.07.18-.29.22-.29zm9.36.26l.07.04v1.27c0 .22 0 .25-.15.22l-.07-.04v-.98l-.04-.55h.19zm-8.3.95l.14 1.82l.1.9l-.1.08l-.07.1v-.21l-.3-2.77l-.07-.73l.11-.07c.07-.07.07-.07.11 0zM8.7 12l.33 2.88l.22 2.33l.07 1.02h-.07l-.04-.44l-.44-3.35l-.14-1.24l-.22-1.82c0-.07.18-.32.18-.29zm-.73 1.06l.15 1.2l.14 1.02v.36l-.07.04l-.07-.22l-.19-1.38l-.18-1.24l.08-.15c0-.1.07-.18.07-.18zm13.07-.33l.04 1.31v1.31H21c-.15 0-.15 0-.15-1.38V12.7h.07zm-5.2.44a4 4 0 0 1 2.25 1.1c.48.5.8.94 1.1 1.52c.36.91.54 1.67.72 3.79a77 77 0 0 1 .33 4.11c0 .44.04.37-.33.55a8.4 8.4 0 0 1-3.75.87h-.58v-.29l.04-.8a33 33 0 0 0-.26-5.46l.3-.15c.43-.14.8-.36.87-.44c.1-.18-.07-.43-.33-.43a9 9 0 0 1-2.48.73c-.43 0-1.09 0-1.56-.11c-.26 0-.7-.22-1.1-.4q-.6-.38-.72-.91a2 2 0 0 1 0-.84a3 3 0 0 1 .36-.8a6.4 6.4 0 0 1 3.53-2c.48-.11 1.1-.11 1.6 0zm7.35.07q.09.04.07.15v2.3h-.18l-.03-1.25V13.2zm1.02 1.38h.11v2.08a11 11 0 0 1-.1 2.91c-.15.37-.15.44-.15-1.16a142 142 0 0 1 .07-3.86h.1zm-14.3.62c0 .19 0 .22-.08.37l-.07.18v-.26c-.08-.4-.08-.43 0-.47l.1-.03v.21zM8.44 16.7l.22 2.55l-.36-2.66c.07 0 .1 0 .14.15zm1.72 1.17l.07.8c0 .07-.07.14-.15.1l-.03-.47l-.08-.58v-.11l.08.11zm1.89.9q.06.04.07.4c.04.48.04.44-.03.44c-.11 0-.11 0-.15-.4v-.43zm1.9.04v.37a42 42 0 0 0 .1 1.89l-.1-.73l-.12-1.53zm-4.49.51a43 43 0 0 1 .3 2.55v.15v-.04l-.08-.15a34 34 0 0 0-.25-2.5c0-.04.07-.08.07 0zm13.77 1.02v1.02l-.11.11c-.11.22-.11.25-.11-.91v-1.1l.1-.07l.12-.07zM21 22v1.6h-.08a94 94 0 0 1 0-3.17c.08 0 .08.19.08 1.57m-7.76-.98l.04 1.49h-.08l-.1-1.42v-.22h.03c.07 0 .07 0 .11.15m-1.9.87v.15a21 21 0 0 0 .15 1.82l-.1-.15v-.25a13 13 0 0 1 0-1.57zm1.14 1.68V24c.03.37.03.37-.08.33l-.07-.4c-.04-.51-.04-.51.04-.47c.07 0 .1 0 .1.1"/></g></svg>

File Type Denoify アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →