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

أيقونة Jsx

file-icons:jsx

أيقونة Jsx (file-icons:jsx) أيقونة 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.592l47.673 88.815l-50.938 93.388h35.918l35.265-62.694l35.265 62.694h35.918l-50.938-93.388l47.02-88.815h-35.918l-31.347 58.122l-31.347-58.122zm-99.265 3.918c38.667-14.19 68.354 3.918 77.061 24.816l-28.081 18.286c-4.152-7.493-13-15.154-23.215-15.702c-9.265-.496-17.876 4.346-18.151 16.875c.55 18.255 24.554 18.253 53.338 36.486c21.088 13.359 25.037 23.569 26.986 42.023c1.445 13.678-1.128 37.311-28.04 49.253c-29.281 12.994-81.242 8.257-99.081-30.977l29.388-16.98c14.693 27.92 52.802 27.852 60.284 9.465c7.307-17.954-14.734-24.974-42.086-37.103c-11.897-6.135-30.307-15.799-35.83-39.408c-4.17-17.818-.45-44.74 27.427-57.034M82.285 406.856l-30.04 18.286c12.516 23.619 32.66 34.331 57.469 33.632c31.832-.897 49.165-18.985 52.897-46.693V276.898H126.04v131.917s-1.755 9.735-7.347 13.388c-6.122 4-15.515 3.43-20 1.878c-8.49-2.94-16.408-17.225-16.408-17.225M512 454.53V57.471C511.32 30.223 493.804.56 454.528 0H57.469C27.102-.227.403 23.535 0 57.472V454.53c.403 33.937 27.102 57.699 57.469 57.47h397.059c39.276-.56 56.791-30.222 57.472-57.47m-30.044 0c-.257 10.97-5.69 25.19-27.428 26.776H57.469c-14.287-.112-26.453-9.79-26.775-26.776V57.471c.322-16.987 12.488-26.664 26.775-26.776h397.059c21.737 1.586 27.17 15.805 27.428 26.776z"/></svg>

كيفية استخدام أيقونة Jsx

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

أيقونة jsx-alt
jsx-alt
 أيقونة jsx-atom
jsx-atom

أيقونة Jsx في مجموعات أخرى

أيقونة Jsx من Arcticons
Arcticons

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

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

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

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

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

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

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

تصفح كل File Icons →