ICONYZ
العربية
أيقونة Test Jsx من Material Icon Theme

أيقونة Test Jsx

material-icon-theme:test-jsx

أيقونة Test Jsx (material-icon-theme:test-jsx) أيقونة SVG مجانية من مجموعة Material Icon Theme من تصميم Material Extensions. مرسومة على شبكة 32 × 32. تُنشر Material Icon Theme icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Material Icon Theme
المؤلف
Material Extensions
الترخيص
MIT
الحجم
32 × 32
الوسوم
testjsx
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#00bcd4" d="M20 4v2h-2v4.531l.264.461l7.473 13.078a2 2 0 0 1 .263.992V26a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-.938a2 2 0 0 1 .264-.992l7.473-13.078l.263-.46V6h-2V4zm0-2h-8a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2v2L4.527 23.078A4 4 0 0 0 4 25.062V26a4 4 0 0 0 4 4h16a4 4 0 0 0 4-4v-.938a4 4 0 0 0-.527-1.984L20 10V8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2"/><circle cx="17" cy="17" r="1" fill="#00bcd4"/><path fill="#00bcd4" d="M19.72 20.715a1 1 0 0 0-1.134-.318a5 5 0 0 1-1.18.262a3.95 3.95 0 0 1-1.862-.292a2.74 2.74 0 0 0-3.371.489a2 2 0 0 0-.237.35L10 24h12Z"/></svg>

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

React

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

<Icon icon="material-icon-theme:test-jsx" width="24" />

Vue

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

<template>
  <Icon icon="material-icon-theme:test-jsx" width="24" />
</template>

Svelte

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

<Icon icon="material-icon-theme:test-jsx" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--test-jsx]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:test-jsx"></div>

مكوّن ويب

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

<iconify-icon icon="material-icon-theme:test-jsx"></iconify-icon>

صورة HTML

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

أيقونات ذات صلة في Material Icon Theme

أيقونة test-js
test-js
 أيقونة test-ts
test-ts

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

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

نعم. تُنشر Material Icon Theme icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل أيقونات Material Icon Theme →