File Type Tamagui アイコン

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

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

vscode-icons:file-type-tamagui

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#ff8ee8" d="M15.98 28.09h1.87l1.88-1.87v-1.87l3.75-3.74v-3.73l1.87-1.87h1.88l1.87-1.87V9.4l-1.87-1.87h-3.75L19.73 3.8h-9.37L4.73 9.4v5.61l-1.87 1.87v3.73l7.5 7.48h1.87l1.88-1.87h1.87z"/><g fill="#671e65"><path d="M9.43 2.93h11.29v1.86H9.43zM7.57 4.79h1.86v1.86H7.57z"/><path d="M5.72 6.64h1.86V8.5H5.72zM3.86 8.5h1.86v7.43H3.86zM2 15.93h1.86v5.57H2zm1.86 5.57h1.86v1.86H3.86zm1.86 1.86h1.86v1.86H5.72zm1.85 2h1.86v1.86H7.57zm1.86 1.85h3.71v1.86H9.43zm3.71-1.85v1.85H15v1.86h3.72v-1.86h-1.86v-1.85zm5.58-2h2v3.86h-2zm2-1.86h1.86v1.86h-1.86zm1.85-5.57h1.86v5.57h-1.86zm1.86-1.86h3.71v1.86h-3.71zm3.71-3.71h-5.57v1.85h5.57v1.86H30V8.5h-1.86zm-5.57-3.72h5.57V8.5h-5.57z"/><path d="M20.72 4.79h1.86v1.86h-1.86zm-1.86 1.85h1.86V8.5h-1.86zM13.14 8.5H15v1.86h-1.86zm0 7.43v3.71H15v-3.71zm-1.85 3.71h1.86v1.86h-1.86zm-1.86-1.86v1.86h1.86v-3.71H9.43z"/></g></svg>

File Type Tamagui アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →