محول SVG إلى React JSXSVG إلى JSX وTSX محلياً
ar

AppHelp

تحويل SVG إلى مكوّن React أو TypeScript

الصق SVG أو افتحه، واختر إعدادات JSX وTypeScript، ثم انسخ المكوّن أو نزّله محلياً.

مساحة SVG إلى React

حوّل سمات SVG إلى JSX وأضف خصائص React وصدّر JSX أو TypeScript محلياً.

تحويل محلي
1. إدخال SVG
2. خيارات المكوّن

مهام شائعة

  • SVG إلى JSX
  • SVG إلى React
  • SVG إلى TSX
  • مكوّن React SVG

إجابة سريعة

الصق SVG وسمّ المكوّن واختر JSX أو TypeScript واضبط الحجم وcurrentColor والعنوان والوصف وmemo والمرجع والتصدير. تبقى البيانات داخل المتصفح.

طريقة الاستخدام

  1. 1. إدخال SVGالصق الترميز أو افتح ملف SVG.
  2. 2. اختيار الخياراتاضبط الاسم والأنواع واللون والحجم والخصائص والتصدير.
  3. 3. الاختبار والتصديرانسخ الكود ونسّقه واختبره في المشروع.

الميزات

  • سمات JSX متوافقة مع React
  • إخراج JSX أو TypeScript
  • حجم متجاوب وcurrentColor
  • خيارات العنوان والوصف وmemo والمرجع
  • معاينة وتنزيل محليان

الأسئلة الشائعة

هل يتم رفع الملفات؟
لا. التحويل والمعاينة والتصدير محلية داخل المتصفح.