ICONYZ
العربية
أيقونة Tsx من File Icons

أيقونة Tsx

file-icons:tsx

أيقونة Tsx (file-icons:tsx) أيقونة SVG مجانية من مجموعة File Icons من تصميم John Gardner. مرسومة على شبكة 512 × 512. تُنشر File Icons بموجب ترخيص ISC، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
File Icons
المؤلف
John Gardner
الترخيص
ISC
الحجم
512 × 512
تنزيل SVG

شيفرة SVG

<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

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>

مكوّن ويب

<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

<img src="https://iconyz.com/api/public/svg/file-icons/tsx.svg" alt="أيقونة Tsx" width="24" height="24">

أيقونات ذات صلة في File Icons

أيقونة tsx-alt
tsx-alt

الأسئلة الشائعة حول أيقونة Tsx

هل أيقونة Tsx مجانية للاستخدام التجاري؟

نعم. تُنشر File Icons بموجب ترخيص ISC، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Tsx في React؟

ثبّت @iconify/react واعرض <Icon icon="file-icons:tsx" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Tsx إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/file-icons/tsx.svg" alt="أيقونة Tsx">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل File Icons →