ICONYZ
日本語
File Icons の Tsx Alt アイコン

Tsx Alt アイコン

file-icons:tsx-alt

Tsx Alt アイコン(file-icons:tsx-alt)は、File Icons セットの無料 SVG アイコンです(作者: John Gardner)。 512 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
File Icons
作者
John Gardner
ライセンス
ISC
サイズ
512 × 512
タグ
tsxalt
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M454.528.001H57.469C27.102-.228.403 23.534 0 57.471v397.058c.404 33.937 27.102 57.698 57.47 57.47h397.058c39.276-.56 56.791-30.223 57.472-57.47V57.471C511.32 30.224 493.805.56 454.528 0M170.433 308.45h-48.83v155.887H82.417V308.45h-48.83v-39.185h136.845zm114.01 149.193c-31.375 13.921-87.05 8.847-106.163-33.191l31.487-18.193c15.744 29.913 56.577 29.842 64.593 10.14c7.829-19.236-15.787-26.758-45.095-39.755c-12.747-6.574-32.472-16.927-38.392-42.224c-4.467-19.09-.481-47.937 29.388-61.11l.004.002c41.429-15.204 73.237 4.198 82.567 26.59l-30.09 19.592c-4.448-8.028-13.928-16.237-24.873-16.824c-9.926-.533-19.154 4.657-19.448 18.08c.589 19.56 26.308 19.557 57.15 39.094c22.594 14.313 26.826 25.253 28.915 45.026c1.548 14.655-1.209 39.977-30.044 52.773m152.738 6.693l-37.786-67.173l-37.785 67.174h-38.485l54.579-100.06l-51.08-95.164l.002-.001h39.184l33.586 62.275l33.587-62.275h38.485l-50.38 95.163l54.578 100.06z"/></svg>

Tsx Alt アイコンの使い方

React

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

<Icon icon="file-icons:tsx-alt" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:tsx-alt" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:tsx-alt" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--tsx-alt]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:tsx-alt"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:tsx-alt"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/file-icons/tsx-alt.svg" alt="Tsx Alt アイコン" width="24" height="24">

File Icons の関連アイコン

Tsx Alt アイコン のよくある質問

Tsx Alt アイコンは商用利用でも無料ですか?

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

React で Tsx Alt アイコンを使うには?

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

Tsx Alt アイコンをウェブページに追加するには?

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

File Icons をすべて見る →