$VSCode Icons の File Type Tex アイコン$

File Type Tex アイコン

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

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

vscode-icons:file-type-tex

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#cfcfcf" d="M11.333 13.122c-.128-1.562-.241-2.756-2.287-2.756H7.91v8.4h2.145v.611l-3.083-.029l-3.082.029v-.611h2.144v-8.4h-1.15c-2.046 0-2.159 1.208-2.287 2.756H2l.284-3.367h9.362l.284 3.367h-.6Z"/><path fill="#cfcfcf" d="M19.289 22.53H10.41v-.61h1.506v-8.453H10.41v-.611h8.637l.412 3.367h-.6c-.213-1.833-.682-2.756-2.855-2.756h-2.213V17.2h.838c1.364 0 1.505-.6 1.505-1.662h.6v3.935h-.6c0-1.08-.142-1.662-1.505-1.662h-.838v4.106h2.216c2.472 0 3-1.108 3.3-3.225h.6Z"/><path fill="#cfcfcf" d="M27.727 19.186c-.54 0-1.96 0-2.415.029V18.6h1.179l-2.557-3.552l-2.529 3.381a4.1 4.1 0 0 0 1.295.171v.611c-.355-.029-1.576-.029-2.017-.029c-.4 0-1.548 0-1.875.029V18.6h.383a8 8 0 0 0 .824-.043c.5-.043.54-.085.667-.256l2.854-3.801l-3.153-4.418H19V9.47c.384.028 1.79.028 2.273.028c.582 0 1.918 0 2.429-.028v.611h-1.174l2.117 2.955l2.074-2.784a4.1 4.1 0 0 0-1.293-.17V9.47c.356.028 1.591.028 2.032.028c.4 0 1.534 0 1.861-.028v.611h-.369a5 5 0 0 0-.838.043c-.469.043-.526.071-.667.256l-2.4 3.21l3.591 5.01H30v.611c-.355-.025-1.818-.025-2.273-.025"/></svg>

File Type Tex アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →