SVG -> JSX

حوّل SVG إلى مكونات React typed. يعمل بالكامل داخل المتصفح.

الإدخال · SVG
الإخراج · React / TypeScript
سيظهر الناتج هنا بعد التحويل.

تحسين محركات البحث

توثيق موسّع

SVG إلى JSX: حوّل الرسومات والأيقونات إلى مكوّنات React

نسخ SVG من أداة تصميم إلى React غالبًا يسبب أخطاء في الأسماء والخصائص. هذه الأداة تحوّل SVG إلى JSX صالح للاستخدام مباشرة داخل المكوّنات.

ماذا تصلح؟

  • تستبدل class بـ className.
  • تحوّل الخصائص إلى camelCase.
  • تضبط خصائص SVG لتناسب React بشكل صحيح.

أين تفيد؟

مناسبة للأيقونات والشعارات والرسومات التي تريد إعادة استخدامها كمكوّنات داخل التطبيق. كما تساعد على تنظيف الكود المنسوخ من Figma أو مكتبات الأيقونات.

الفائدة للفِرَق التقنية

تقلل الاحتكاك بين التصميم والتطوير وتسرّع إدخال الأصول المتجهية داخل مشاريع React.