انتقل إلى محتوى الدرس

Official Bootstrap Icons مكتبة أيقونات بوتستراب

تعلّم استخدام مكتبة أيقونات بوتستراب الرسمية عبر ملف خط الأيقونات أو عناصر SVG المتجهية المباشرة، والتحكم في حجمها ولونها، وتطبيق قواعد الإتاحة واتجاه الأيقونات في الواجهات العربية.
3 صفوف تعليمية
بوتستراب 5
2 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

في الإصدار الرابع من بوتستراب لم تكن هناك مكتبة أيقونات مدمجة بعد إزالة حزمة Glyphicons القديمة، مما اضطر المطورين للاعتماد الكلي على حزم خارجية. أما اليوم فيرافق بوتستراب 5 مكتبة رسمية مفتوحة المصدر تحمل اسم Bootstrap Icons وتضم أكثر من 2000 أيقونة متجهية مرسومة على شبكة قياسية 16x16 بكسل لتتناغم بصرياً مع كافة المكونات.

توزع هذه المكتبة كحزمة مستقلة عن ملف bootstrap.min.css الأساسي حتى لا يتحمل مشروعك وزن مئات الأيقونات إن لم يحتج إليها، ويمكنك تضمينها إما كملف خط ويب جاهز أو كعناصر <svg> مدمجة مباشرة.

الصف 2 صورة توضيحية
الشكل 1: أساليب تضمين مكتبة Bootstrap Icons الرسمية ووراثة اللون والحجم والإتاحة.
مقارنة طرق تضمين وتنسيق مكتبة Bootstrap Icons وقواعد الإتاحة
مقارنة طرق تضمين وتنسيق مكتبة Bootstrap Icons وقواعد الإتاحة
الصف 3 ملاحظة هامة