Tsx ikonu

file-icons:tsx

Tsx ikonu (file-icons:tsx), File Icons setinden ücretsiz bir SVG ikondur (yapımcı: John Gardner). 512 × 512 ızgara üzerinde çizilmiştir. File Icons, ISC lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: File Icons
Yazar: John Gardner
Lisans: ISC
Boyut: 512 × 512

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m321.957 275.591l47.673 88.816l-50.938 93.387h35.918l35.265-62.694l35.265 62.693h35.918l-50.938-93.387l47.02-88.816h-35.918l-31.346 58.122l-31.346-58.122h-36.571zm-99.266 3.92c38.667-14.191 68.354 3.917 77.06 24.815l-28.081 18.286c-4.152-7.493-13-15.154-23.216-15.702c-9.264-.497-17.876 4.346-18.15 16.874c.55 18.255 24.554 18.253 53.339 36.487c21.087 13.358 25.036 23.568 26.986 42.022c1.445 13.678-1.128 37.311-28.04 49.253c-29.282 12.993-81.244 8.257-99.082-30.977l29.387-16.979c14.694 27.918 52.804 27.851 60.285 9.464c7.307-17.954-14.735-24.974-42.088-37.104c-11.897-6.135-30.306-15.798-35.83-39.408c-4.17-17.817-.45-44.739 27.427-57.034zM512 454.528V57.471C511.32 30.224 493.805.56 454.528 0H57.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.47m-30.044 0c-.257 10.97-5.691 25.19-27.428 26.776H57.469c-14.287-.112-26.453-9.789-26.776-26.776V57.471c.322-16.986 12.488-26.663 26.776-26.776h397.059c21.738 1.586 27.17 15.805 27.428 26.776zM176.183 312.305H130.61v145.49H94.039v-145.49H48.466v-36.572h127.717z"/></svg>

Tsx ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

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

HTML görseli

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

File Icons setindeki benzer ikonlar

Tsx ikonu: sık sorulan sorular

Tsx ikonu ticari kullanım için ücretsiz mi?

Evet. File Icons, ISC lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Tsx ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="file-icons:tsx" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Tsx ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/file-icons/tsx.svg" alt="Tsx ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: File Icons →