🪑 Imperial Throne SVG | عرش إمبراطوري
I
🪑 IMPERIAL THRONE
📖 ✨ ما هو الـ Imperial Throne SVG؟
هذه أيقونة SVG تفاعلية فاخرة تم تصميمها بأسلوب ملكي بنفسجي ثلاثي الأبعاد. تجمع بين الجمال البصري والقوة التقنية.
⚡ أبرز الفوائد:
✔ خفيفة الوزن – لا تزيد عن بضعة كيلوبايتات.
✔ قابلة للتخصيص – تغيير الألوان والحركات بسهولة.
✔ متحركة – طفو وتألق طبيعي.
✔ جاهزة للنسخ – زر نسخ مدمج لاستخدامها فوراً.
🛠️ كيف تستخدمها؟
🔹 للمطورين: أضف الكود إلى موقعك أو تطبيقك كرمز للسلطة والحكمة.
🔹 للمصممين: استخدمها في النماذج الأولية أو القوالب الفاخرة.
🔹 لصانعي المحتوى: عرض تفاعلي مميز في الشروحات التقنية.
🎨 طريقة التضمين:
انسخ الـ SVG النقي بالأسفل، ثم الصقه في أي مشروع HTML. يمكنك أيضاً تعديل ألوان التدرجات البنفسجية أو سرعة الحركة عبر CSS.
<svg viewBox="0 0 100 100">
<defs>
<linearGradient id="throneGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#9B59B6"/>
<stop offset="50%" stop-color="#6A0DAD"/>
<stop offset="100%" stop-color="#4B0082"/>
</linearGradient>
<filter id="throneGlow">
<feGaussianBlur stdDeviation="3" result="blur"/>
<feMerge>
<feMergeNode in="blur"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
<path d="M30 30 L30 80 L25 85 L25 90 L75 90 L75 85 L70 80 L70 30 Q70 20 50 20 Q30 20 30 30"
fill="url(#throneGrad)" stroke="#BB8FCE" stroke-width="2" filter="url(#throneGlow)"/>
<rect x="35" y="35" width="30" height="40" fill="#4B0082" opacity="0.8" rx="5"/>
<path d="M30 30 Q50 25 70 30" stroke="#BB8FCE" stroke-width="3" fill="none"/>
<circle cx="50" cy="25" r="5" fill="#BB8FCE" filter="url(#throneGlow)"/>
<rect x="40" y="80" width="5" height="10" fill="#6A0DAD"/>
<rect x="55" y="80" width="5" height="10" fill="#6A0DAD"/>
</svg>