المطورMaxProcessado no seu navegador

SVG لتحويل رد الفعل

الصق كود SVG المتسخ واحصل على مكون React محسّن جاهز ومنسق للويب الحديث.

بقي 1 استخدام واحد اليوم. ترقّى إلى Pro للاستخدام بلا حدود.

المخرج

الهدف

الويب

التنسيق

TSX

الحالة

لا يوجد أساس

إعداد التحويل

مصدر SVG

رفع SVG

انقر لرفع ملف ‎.svg

المكوّن

التنسيق

SVG

خيارات المكوّن

التكافؤ والترتيب

الخصائص (Props)

الهدف والتصدير

الهدف

التصدير

المخرج

التلوين

البنية

القراءة

أدخل SVG.

أدخل SVG لتوليد المكوّن

الصق الكود أو ارفع ملف ‎.svg

التشغيل

ويب

معاينة

ارفع ملف SVG صالحًا.

المقتطف

أدخل القيم.

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

حوّل كود SVG الخام إلى مكوّن React نظيف ومكتوب بالأنواع — فورًا في متصفحك.

الصق كود SVG
الصق كود SVG أو أفلت ملف .svg.
اضبط الخيارات
اختر TypeScript أو JSX واسم المكوّن وما إذا كنت تريد تمرير props/refs.
انسخ المكوّن
تُحوَّل الخصائص إلى camelCase تلقائيًا. انسخ المكوّن الجاهز إلى مشروعك.

ذات صلة