انتقل إلى المحتوى
استوديو بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح

استوديو المتجهات ومصفوفة الأيقونات

استوديو احترافي متكامل لإنشاء الأيقونات المخصصة، استيراد وتفكيك ملفات SVG، التحكم بالإضاءة والمجسمات ثلاثية الأبعاد، وتصدير الأكواد.

100%
إضافة شكل:

Direct canvas editing: select a part, then drag to move. Use the picker’s Replace selected or Add layer modes to build a composite SVG.

X: 12.0 | Y: 12.0 WCAG AAA | 17.4:1
Eject Simple - Phosphor Icons iconFree Eject Simple vector icon from the Phosphor Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.
خصائص المتجه: phosphor-fill-eject-simple-fill | التحرير في محرر SVG 24x24 | 0.3 KB
معاينة مباشرة بالمقاسات:
16px
24px
32px
واجهة داكنة
studio

            
صينية رموز متعددة الأيقونات

ثبّت عدة أيقونات مخصصة واجمعها في ملف رموز واحد.

لا توجد أيقونات مثبتة بعد. ثبّت أيقونات لتجمعها في ملف واحد.

أمر ذكي ومحسّن المتجهات

أنشئ أوامر ذكية أو حسّن الأيقونة على اللوحة

اختر إعداداً، ثم انسخ الأمر إلى أداة الذكاء الاصطناعي أو حسّن الأيقونة على اللوحة.

توثيق تقني ودليل هندسي

Vector Studio - Complete Browser-Native SVG & 3D Icon Engineering Environment

SVG Nexus Vector Studio is a zero-install, 100% browser-based vector design and code generation environment. Search and combine 76,166 open-source icons across 29 libraries, inspect individual DOM nodes, apply multi-stop linear gradients, attach 3D drop-glow lighting and squircle badges, animate paths, and export production-ready SVG, PNG, WebP, React TSX, Vue 3, Svelte, and CSS masks with zero server uploads.

استوديو احترافي متكامل لإنشاء الأيقونات المخصصة، استيراد وتفكيك ملفات SVG، التحكم بالإضاءة والمجسمات ثلاثية الأبعاد، وتصدير الأكواد.

مصادر الإدخال المدعومة

Any W3C SVG 1.1 / 2.0 file, raw XML markup, or 76,166 built-in catalog icons

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

Optimized SVG, PNG (64px-2048px), WebP, React TSX, Vue 3 SFC, Svelte, CSS Data URI, SVG Sprite

الأثر الهندسي والأداء

Eliminates switching between Figma, Illustrator, SVGO CLI, and IDE component wrappers

كيفية استخدام استوديو المتجهات ومصفوفة الأيقونات

  1. 1

    افتح مساحة الاستوديو من قائمة الأدوات وابدأ رسمًا جديدًا أو استورد ملف SVG.

  2. 2

    عدّل الطبقات والألوان ومقاطع التدرج وسماكة الخط من لوحة الخصائص.

  3. 3

    طبّق إعدادات إضاءة ثلاثية الأبعاد أو فعّل حركة الرسوم في الأيقونات.

  4. 4

    صدّر ملف SVG أو PNG أو WebP عالي الدقة، أو انسخ الأكواد لأي إطار عمل.

مثال على المدخلات

شخص الدرع shield.svg والمستوردة من القرص في طبقة واحدة

مثال على المخرجات

ملف SVG بمنحدر مضبوط، ومكوّن JSX بقابلية تمرير className

القيود

  • تظهر نتائج الإضاءة ثلاثية الأبعاد بأفضل شكل على الأشكال المحدبة ذات مصدر ضوء واحد.
  • يقتصر سجل التراجع على 50 خطوة لكل جلسة.
  • يقتصر حجم الاستيراد على 2 ميجابايت لكل ملف.

الملفات التي تفتحها أو تلصقها في مساحة العمل تُعالج محليًا داخل متصفحك. لا يُرفع أي شيء إلى خادم.

اكتب للبحث في 76,166 أيقونة متجهة...

تنقل | Enter للفتح استعراض كل الأيقونات

مقارنة

مصدر الأيقونة ورخصتها

الرخصة الاستخدام التجاري الإسناد التعديل أو تغيير اللون
MITمسموحالإشعار داخل الحزمةمسموح
ISCمسموحالإشعار داخل الحزمةمسموح
Apache-2.0مسموحمطلوب مع ملف الإشعارمسموح
CC BY 4.0مسموحذكر المصدر مطلوبمسموح
CC-BY-SA-4.0مسموحالمشاركة بالمثلالمشاركة بالمثل
Trademark / Brandاستخدام مرجعي فقطإرشادات المالكمقيّد

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