---
title: Fontawesome Icons For Bootstrap
localeTitle: أيقونات Fontawesome ل Bootstrap
---
## أيقونات Fontawesome ل Bootstrap

وقد أسقط Bootstrap (الإصدار 4) خط رموز Glyphicon في الإصدار الأخير. توفر لك Fontawesome Icons أكثر من 675 رمزًا ، وهي تأتي بتنسيق الخط.

#### كيف تستعمل:

في `<head>` من html الخاص بك تتضمن مرجع إلى Font Awesome.

 `
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> 
` 

استخدام fontawesome هو نفس استخدام Glyphicon.

ببساطة قم بإنشاء علامة `<i>` أو `<span>` وقم بتطبيق CSS Prefix `fa` واسم الرمز. تم توفير مثال على التعليمات البرمجية أدناه.

**مثال الكود:**

`<i class="fa fa-twitter" aria-hidden="true"></i>`

`<span class="fa fa-freecodecamp" aria-hidden="true"></span>`

#### قائمة أيقونة Fontawesome:

قائمة كاملة من الرموز المقدمة من قبل fontawesome متاحة [هنا](http://fontawesome.io/cheatsheet/)

`.fa fa-align-left` هذا هو المحاذاة الغامضة في أيقونة اليسار.

`.fa fa-heart` هذا هو رمز قلب رائع.

_ملاحظة: لا تقم بتضمين النقطة في سمة فئة HTML ، يتم استخدام الإشارة إلى الفئات ذات النقطة فقط عند ضبط الفئات في CSS._

#### معلومات اكثر:

[Fontawesome Cheatsheet](http://fontawesome.io/cheatsheet/)