📋 محتويات الصفحة
📖 الوصف
Bootstrap Icons هي مجموعة أيقونات مفتوحة المصدر تم إنشاؤها من قبل فريق Bootstrap. تحتوي على أكثر من 1800 أيقونة مصممة خصيصاً لتتكامل مع إطار Bootstrap، لكنها تعمل بشكل ممتاز مع أي إطار عمل أو مكتبة. الأيقونات متاحة بصيغة SVG وكتوزيع ويب فونت. تدعم المكتبة جميع الأطر الحديثة وتوفر طريقة سهلة للاستخد...
🎯 يستخدم في
مجالات استخدام هذه الأداة
تطبيقات Bootstrap
لوحات التحكم
تطبيقات الويب الحديثة
مواقع التجارة الإلكترونية
✨ المميزات
أبرز مميزات هذه الأداة
أكثر من 1800 أيقونة
تكامل مثالي مع Bootstrap
دعم SVG و Web Fonts
مفتوحة المصدر (MIT)
حزم لجميع الأطر
تصميم متناسق
استخدام تجاري مجاني
⚠️ العيوب
نقاط يجب مراعاتها
عدد محدود نسبياً
لا يدعم أنماط متعددة
بعض الأيقونات بسيطة جداً
لا يدعم الأيقونات متعددة الألوان
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
// تثبيت الحزمة
// npm install bootstrap-icons
import { BootstrapIcon } from 'bootstrap-icons-react'
function App() {
return (
<div className="flex gap-4">
<BootstrapIcon name="house" size="24" color="#4f46e5" />
<BootstrapIcon name="person" size="24" color="#6b7280" />
<BootstrapIcon name="gear" size="24" color="#6b7280" />
<BootstrapIcon name="envelope" size="24" color="#6b7280" />
</div>
)
}📚 أدوات أخرى في Icons
قد يعجبك أيضاً
Devicons
مجموعة أيقونات التقنيات والبرمجة
Feather Icons
مجموعة أيقونات بسيطة
Font Awesome
⭐مجموعة أيقونات شاملة
Heroicons
⭐مجموعة أيقونات مفتوحة المصدر
Iconify
⭐مجموعة أيقونات متعددة الأطر
Lucide Icons
⭐مجموعة أيقونات مفتوحة المصدر