📋 محتويات الصفحة
📖 الوصف
Lucide هي مجموعة أيقونات متنامية ومفتوحة المصدر بدأت كفرع من Feather Icons. تتميز بتصميماتها النظيفة والمتسقة مع عدد ضخم من الأيقونات يتجاوز 1000 أيقونة. تدعم المكتبة حزم متعددة للأطر المختلفة مثل React و Vue و Angular و Svelte. يتم تطوير Lucide بشكل نشط من قبل مجتمع كبير وتحظى بشعبية متزايدة كبديل...
🎯 يستخدم في
مجالات استخدام هذه الأداة
تطبيقات React و Vue و Angular و Svelte
تصميمات الويب الحديثة
التطبيقات المتقدمة المعقدة
واجهات المستخدم الغنية بالأيقونات
✨ المميزات
أبرز مميزات هذه الأداة
أكثر من 1000 أيقونة SVG
حزم رسمية لجميع الأطر الشائعة
مفتوحة المصدر بالكامل تحت رخصة ISC
دعم Tree Shaking لتقليل الحجم
دعم Tree Shaking لأيقونات مخصصة
تحديثات وإضافات مستمرة
API موحد وسهل الاستخدام
⚠️ العيوب
نقاط يجب مراعاتها
لا يأتي كل الأيقونات بجميع الأنماط
بعض الأيقونات قد تكون متشابهة لغيرها
حجم الحزمة الإجمالي يمكن أن يكون كبيرا
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
// تثبيت الحزمة
// npm install lucide-react
import { Home, User, Mail, Settings } from 'lucide-react'
function Navigation() {
return (
<nav className="flex gap-4">
<Home size={24} color="#4f46e5" strokeWidth={2} />
<User size={24} color="#6b7280" />
<Mail size={24} color="#6b7280" />
<Settings size={24} color="#6b7280" />
</nav>
)
}📚 أدوات أخرى في Icons
قد يعجبك أيضاً
Bootstrap Icons
⭐مجموعة أيقونات مفتوحة المصدر
Devicons
مجموعة أيقونات التقنيات والبرمجة
Feather Icons
مجموعة أيقونات بسيطة
Font Awesome
⭐مجموعة أيقونات شاملة
Heroicons
⭐مجموعة أيقونات مفتوحة المصدر
Iconify
⭐مجموعة أيقونات متعددة الأطر