مولّد نماذج SVG
نماذج خلفيات متصلة في ثوانٍ.
اختر نموذجًا وحجمًا وألوانًا لإنشاء خلفية SVG قابلة للتكرار. انسخ الكود أو نزّل الملف لاستخدامه في المواقع أو التطبيقات أو أدوات التصميم.
النموذج
24px
لون النموذج
الخلفية
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <rect width="24" height="24" fill="#f5f3ff" /> <circle cx="12" cy="12" r="2.4" fill="#7c3aed" /> </svg>
كيفية توليد نماذج SVG
- اختر نوع النموذج مثل النقاط أو الشبكة أو الأمواج.
- اضبط حجم البلاطة بالمنزلقة.
- اختر لون النموذج ولون الخلفية.
- انسخ كود SVG أو نزّل ملف .svg.
الأسئلة الشائعة
هل هذه النماذج متصلة بلا حواف؟
نعم. كل بلاطة مصممة لتتكرر دون خطوط ظاهرة عند استخدامها كخلفية CSS.
كيف أستخدم النموذج في موقعي؟
استخدم الملف المنزّل في CSS عبر background-image: url(pattern.svg) أو ادمج SVG المنسخ مباشرة في صفحاتك.
هل يمكن تحرير لاحقًا؟
بالتأكيد. الناتج نص SVG بحت يمكن فتحه في أي محرر أو برنامج تصميم.