📋 محتويات الصفحة
📖 الوصف
Phosphor Icons هي مجموعة أيقونات مرنة مصممة للتطبيقات والواجهات الرقمية. توفر أكثر من 7000 أيقونة بستة أنماط مختلفة: ثين (Thin)، لايت (Light)، ريجيولار (Regular)، بولد (Bold)، فيل (Fill)، ودوب (Duotone). هذا التنوع يجعلها واحدة من أكثر مجموعات الأيقونات مرونة في السوق. تدعم المكتبة جميع الأطر الحدي...
🎯 يستخدم في
مجالات استخدام هذه الأداة
تطبيقات الويب متعددة الأنماط
أنظمة التصميم (Design Systems)
تطبيقات الموبايل
واجهات المستخدم التفاعلية
✨ المميزات
أبرز مميزات هذه الأداة
أكثر من 7000 أيقونة
6 أنماط مختلفة لكل أيقونة
مرنة جداً في التخصيص
مفتوحة المصدر (MIT)
حزم لجميع الأطر
عمق الحدود قابل للتخصيص
Duotone مع دعم لونين
⚠️ العيوب
نقاط يجب مراعاتها
حجم الحزمة كبير عند استخدام جميع الأنماط
قد يكون الإعداد معقداً
لا يدعم الأيقونات المتحركة
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
// تثبيت الحزمة
// npm install @phosphor-icons/react
import { Horse, Cube, Lightning, Heart } from '@phosphor-icons/react'
function App() {
return (
<div className="flex gap-4">
{/* نمط Regular */}
<Horse size={24} weight="regular" color="#4f46e5" />
{/* نمط Fill */}
<Cube size={24} weight="fill" color="#10b981" />
{/* نمط Bold */}
<Lightning size={24} weight="bold" color="#f59e0b" />
{/* نمط Duotone */}
<Heart size={24} weight="duotone" color="#ef4444" />
</div>
)
}📚 أدوات أخرى في Icons
قد يعجبك أيضاً
Bootstrap Icons
⭐مجموعة أيقونات مفتوحة المصدر
Devicons
مجموعة أيقونات التقنيات والبرمجة
Feather Icons
مجموعة أيقونات بسيطة
Font Awesome
⭐مجموعة أيقونات شاملة
Heroicons
⭐مجموعة أيقونات مفتوحة المصدر
Iconify
⭐مجموعة أيقونات متعددة الأطر