File Type Typescriptdef アイコン

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

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

vscode-icons:file-type-typescriptdef

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#00a23c" d="M23.814 8.2a4.44 4.44 0 0 1 2.229 1.284a6 6 0 0 1 .857 1.146c.011.045-1.538 1.086-2.478 1.666c-.034.023-.17-.124-.323-.351a2.02 2.02 0 0 0-1.675-1.007c-1.08-.074-1.776.492-1.771 1.436a1.3 1.3 0 0 0 .153.668c.237.492.679.786 2.064 1.386c2.551 1.1 3.645 1.822 4.321 2.851a5.17 5.17 0 0 1 .417 4.344a4.78 4.78 0 0 1-3.942 2.823a11 11 0 0 1-2.715-.028a6.55 6.55 0 0 1-3.626-1.889a6.3 6.3 0 0 1-.928-1.375a3 3 0 0 1 .328-.208c.158-.091.758-.435 1.324-.763l1.024-.594l.215.312a4.8 4.8 0 0 0 1.354 1.3a3.31 3.31 0 0 0 3.467-.175a1.55 1.55 0 0 0 .2-1.979c-.277-.4-.843-.729-2.45-1.426a8.8 8.8 0 0 1-3.358-2.06a4.7 4.7 0 0 1-.979-1.782a7.1 7.1 0 0 1-.062-2.274a4.34 4.34 0 0 1 3.654-3.383a9 9 0 0 1 2.7.078m-8.366 1.488l.011 1.458h-4.642v13.181H7.54V11.148H2.9V9.717a14 14 0 0 1 .04-1.471c.017-.023 2.839-.034 6.262-.028l6.227.017Z"/></svg>

File Type Typescriptdef アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →