أدوات المتجهات المتقدمة
أدوات سريعة بالمتصفح لتعديل وتنظيف وتحويل ملفات SVG بسهولة وأمان.
استوديو المتجهات ومصفوفة الأيقونات
استوديو احترافي متكامل لإنشاء الأيقونات المخصصة، استيراد وتفكيك ملفات SVG، التحكم بالإضاءة والمجسمات ثلاثية الأبعاد، وتصدير الأكواد.
- تصميم أيقونات مخصصة (منازل، بنوك، فنادق، طعام، برمجة، سيارات)
- استيراد وتفكيك أي ملف SVG محلياً وتحويله إلى طبقات قابلة للتعديل
- محرك مجسمات ثلاثية الأبعاد (3D Spatial Tilt & Depth Shadow)
- تدرجات لونية متعددة الوقفات وفلاتر النيون والزجاج المصنفر
- تصدير فوري لأطر العمل (React, Vue, Svelte, Angular, Flutter, Web Components)
محرر SVG الاحترافي بالمتصفح
محرر رسوميات متجهة كامل يعمل محلياً في المتصفح. عدّل الألوان، المقاسات، سماكة الإطار، زوايا الدوران، الهوامش والخلفيات مع تصدير فوري لـ SVG و PNG.
- تغيير ألوان التعبئة والإطار مع معاينة مباشرة
- التحكم الدقيق في الأبعاد (العرض والارتفاع) ومربع العرض (viewBox)
- تدوير بزوايا مخصصة وقلب أفقي ورأسي
- إضافة خلفيات ملونة وانحناء حواف وهوامش داخلية
- تاريخ التعديلات (تراجع وإعادة) بدون فقدان الجودة
- تصدير فوري بصيغ SVG و PNG و WebP و Data URI
منظف ومحسن ملفات SVG
أداة لتصغير حجم ملفات SVG وحذف البيانات الوصفية والتعليقات الزائدة الناتجة عن برامج التصميم، لتقليل الحجم بنسبة تصل إلى 60%.
- إزالة تعليقات محررات التصميم (Figma, Illustrator, Inkscape)
- تقريب المنازل العشرية للإحداثيات لتوفير المساحة
- إزالة المجموعات والوسوم الفارغة غير الضرورية
- حساب نسبة التوفير في الحجم بدقة (Size Reduction %)
- معالجة آمنة محلياً 100% داخل المتصفح دون رفع الملفات
محول SVG إلى PNG و WebP عالي الدقة
حوّل أي ملف أو كود SVG إلى صورة نقطية فائقة الوضوح (1x, 2x, 4x Retina) مع التحكم بالشفافية ولون الخلفية.
- تصدير بدقات مضاعفة (1x, 2x, 4x, 8x Retina)
- تحديد الأبعاد المخصصة بالبكسل مع الحفاظ على النسبة الأصلية
- دعم كامل للخلفية الشفافة (Alpha Channel)
- تنزيل فوري بنقرة واحدة بدون انتظار خوادم
محول SVG إلى CSS و Data URI
حوّل أي كود SVG إلى Data URI وخصائص CSS Background و CSS Mask لتغيير ألوان الأيقونات برمجياً في الويب.
- توليد Data URI بتشفير UTF-8 و Base64 عالي الأداء
- كود CSS Mask لتغيير الألوان عبر background-color
- فئات Tailwind CSS المباشرة (Arbitrary Values)
- معاينة حية للمتجهات في أنماط CSS المختلفة
مولد الأيقونات المتجهة
أنشئ أيقونات SVG وخصص أنماطها وإطاراتها وشاراتها، ثم صدّرها إلى أطر العمل الشائعة.
- توليد تركيبات متنوعة من الأيقونات المتجهة
- دعم كامل لجميع التصنيفات الـ 20 (واجهات، تقنية، طب، تجارة، أعمال)
- 8 أطر حاوية مختلفة (دوائر، مربعات دائرية، دروع، كبسولات)
- 11 شارة حالة مدمجة (نجاح، إضافة، أمان، تنبيه، نجوم)
- تصدير مباشر لأكواد React و Next.js و Vue و Svelte و Angular و Flutter
- تنزيل ملفات SVG نقية بنقرة واحدة بدون خوادم
مولد حزم وسلاسل SVG Sprite أونلاين
دمج ملفات SVG متعددة في حزمة واحدة (Sprite Sheet) باستخدام وسوم symbol لتقليل طلبات HTTP وتسريع تحميل الموقع.
- دمج عدد لا محدود من ملفات SVG في ملف Sprite واحد
- توليد وسوم <symbol> مع معرفات ID تلقائية ومخصصة
- تصدير كود HTML لخاصية <use href="#id"> جاهز للاستخدام
- معاينة حية وتنزيل الملف بنقرة واحدة محلياً
محول SVG إلى React JSX و Vue و Svelte
حوّل أي كود SVG خام إلى مكون برمجي نظيف ومكتوب بنظام TypeScript مع دعم React (TSX) و Vue 3 و Svelte 5.
- توليد مكونات React (TSX / JSX) نظيفة خالية من التبعيات
- دعم كامل لـ Vue 3 (<script setup lang="ts">)
- دعم Svelte 5 و Web Components المعيارية
- تخصيص الحجم واللون وسماكة الإطار تلقائياً
- نسخ فوري أو تنزيل ملف المكون بنقرة واحدة
يعمل بالكامل في المتصفح
أدوات سريعة بالمتصفح لتعديل وتنظيف وتحويل ملفات SVG بسهولة وأمان.