SVG Nexus / EXPLAINER بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح

ما هو SVG؟

رسومات SVG المتجهة القابلة للتمدد هي الصيغة الأصلية للمتصفح للأيقونات والشعارات والرسومات: كود XML يبقى حادًا بكل حجم ويتغير لونه بخاصية واحدة.

SVG في دقيقة

ملف SVG نص عادي. يمكنك فتحه في متصفح أو محرر نصوص أو أداة تصميم، وقراءته مثل HTML، وتغيير الألوان والأحجام والأشكال بلا أي خسارة في الجودة. لهذا تُشحن الواجهات والشعارات والأزرار كمتجهات.

يُفهرس SVG Nexus مكتبات أيقونات SVG ورسومات مفتوحة المصدر حتى تبحث، وتغيّر الألوان، وتنسخ كودًا جاهزًا للإنتاج مباشرة إلى React وVue وHTML وCSS أو أداتك المفضلة، بلا حساب وبلا تحميل.

تتمدد للأبد

المسار حساب لا بكسل: الملف نفسه يبقى حادًا كأيقونة 16 بكسل أو شعار شاشة ريتينا أو رسمة شرائح 4K.

تغيير اللون بخاصية واحدة

غيّر قيمة fill أو stroke مرة فيتبع الشكل كله. حركات CSS والتحويم تعمل على SVG المضمّن بلا جافاسكربت.

النص يبقى صغيرًا

تُضغط الأيقونات إلى كيلو بايتات، وتُوزَّع بكفاءة عبر gzip من أي خادم، وتبقى مقروءة لمحركات البحث وقارئات الشاشة.

انسخ كود SVG لأي بيئة تشغيل

عرض جميع الأدوات

كل صفحة أيقونة وكل ملف SVG تفتح في أداة متصفح تعيد كتابة الكود لبيئتك: JSX وVue وSvelte وCSS وdata URI وتصديرات PNG وsprites.

محرر SVG الاحترافي بالمتصفح

محرر رسوميات متجهة كامل يعمل محلياً في المتصفح. عدّل الألوان، المقاسات، سماكة الإطار، زوايا الدوران، الهوامش والخلفيات مع تصدير فوري لـ SVG و PNG.

محول SVG إلى React JSX و Vue و Svelte

حوّل أي كود SVG خام إلى مكون برمجي نظيف ومكتوب بنظام TypeScript مع دعم React (TSX) و Vue 3 و Svelte 5.

محول SVG إلى PNG و WebP عالي الدقة

تحويل أي ملف أو كود SVG إلى صورة نقطية فائقة الوضوح من 64 إلى 2048 بكسل مع التحكم بالشفافية ولون الخلفية.

محول SVG إلى CSS و Data URI

حوّل أي كود SVG إلى Data URI وخصائص CSS Background و CSS Mask لتغيير ألوان الأيقونات برمجياً في الويب.

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

أنشئ أيقونات SVG وخصص أنماطها وإطاراتها وشاراتها، ثم صدّرها إلى أطر العمل الشائعة.

منظف ومحسن ملفات SVG

ضغط مخرجات SVG في متصفحك: احذف البيانات الوصفية والتعليقات وزوائد XML وضم المسافات، وشاهد التوفير الفعلي قبل وبعد لكل ملف.

ابحث عن أيقونات SVG حسب الموضوع

عرض جميع الفئات

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

SVG أم PNG؟

استخدم SVG للأيقونات ورسومات الواجهة التي يجب أن تتمدد وتتلون؛ وصدّر PNG أو WebP للتفاصيل الشبيهة بالصور الفوتوغرافية ومعاينات وسائل التواصل والمنصات التي تحول إلى نقطي. الأدوات هنا تنتج الاثنين من ملف مصدر واحد.

الفرق بين SVG و PNG: أي صيغة يجب أن تستخدم؟ SVG المدمج مقابل وسم الصورة كيفية تعديل أيقونات SVG في فيجما أو المتصفح كل الأدلة

مجاني للاستخدام التجاري

كل صف أيقونة يحمل مكتبة مصدره ورخصته. حزم MIT وISC وApache-2.0 تغطي المنتجات التجارية؛ وشعارات العلامات لها قواعدها الخاصة، ودائما في جدول الرخص.

تراخيص الاستخدام →

مكتبات أيقونات مفتوحة المصدر

Material Icons Phosphor Icons selfh.st Icons Tabler Icons Authentic Brand Logos Domain Icons

Icon libraries →

أسئلة SVG وأجوبتها

هل SVG أفضل من PNG؟

لأيقونات وشعارات ورسوم الواجهة، نعم: SVG يتمدد ويتلون ويقل وزنه لأنه يحمل تعليمات رسم لا نقاطًا. ويبقى PNG مفيدًا للتصديرات النقطية التفصيلية.

كيف تفتح ملف SVG وتحرره؟

اسحبه إلى متصفح أو محرر نصوص أو أداة تصميم. يفتحه SVG Nexus Studio في المتصفح لتغيّر الألوان والطبقات والمسارات دون تثبيت أي شيء.

هل أستطيع استخدام الأيقونات تجاريًا؟

المكتبات مفتوحة المصدر هنا تصدر تحت MIT وISC وApache-2.0 ورخص مشابهة تسمح بالاستخدام التجاري. كل صفحة أيقونة تذكر رخصتها بدقة؛ وشعارات العلامات لها قواعد إضافية.

لماذا يبدو SVG ضبابيًا؟

ضبابية SVG تعني عادة أنه حُوّل إلى صورة نقطية مبكرًا أو صُدّر بحجم عرض خاطئ. أبقه متجهًا حتى مرحلة العرض النهائية، أو أعد التصدير من الملف الأصلي.

ابدأ بأصل SVG

ابحث في الكتالوج، وافتح أي أصل في استوديو المتصفح، وصدّر كودًا متجهًا نظيفًا: أيقونات وشعارات ورسومات والأدوات التي تعيد تشكيلها.

كل أيقونات SVG فتح في المحرر

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