أدوات المطورين

معاينة SVG أونلاين

الصق كود SVG لمعاينته بأمان.

كل الأدوات

عارض SVG

رفع ملف
اسحب وأفلت ملفاً هنا أو اختر ملفاً.
الإدخال
المخرجات

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

  1. الصق كود SVG في الإدخال.
  2. اضغط Convert لعرض المعاينة.
  3. انسخ SVG المنظّف إذا احتجت.

أفضل الممارسات

  • لأفضل أداء، ابدأ بمدخلات صغيرة أولاً.
  • عاين المخرجات قبل التنزيل أو المشاركة.
  • تجنب لصق بيانات حساسة على أجهزة مشتركة.

الخصوصية

بعض الأدوات تعمل داخل المتصفح. بعض الميزات قد تتطلب معالجة على الخادم.

أمثلة
مثال 1
الإدخال
<svg xmlns="http://www.w3.org/2000/svg" width="240" height="80"><rect width="240" height="80" rx="16" fill="#6366F1"/><text x="120" y="50" font-size="18" text-anchor="middle" fill="#ffffff">SVG</text></svg>
المخرجات

                                    

                                        
                                    

                                

                            

                        

                        

                            

                                

                                    
مثال 2

                                

                            

                            

                                

                                    
الإدخال

                                    
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="#10B981"/></svg>

                                    

                                            
                                        
                                    

                                

                                

                                    
المخرجات

                                    

                                    

                                        
                                    

                                

                            

                        

                

            


        

            

                
هل كانت هذه الأداة مفيدة؟