--- title: Font Awesome Icons For Bootstrap --- ## Font Awesome Icons For Bootstrap Bootstrap (from version 4 onwards) have dropped Glyphicon icons font in their latest release. Font Awesome icons provide you with over 675 icons and they come in font format. #### How To Use: In the `` of your html include a reference to Font Awesome. ```html ``` You can also use Font Awesome's own CDN. ```html ``` Additionally, the Font Awesome CDN can supply the brand and regular logos independently. ```html ``` Using Font Awesome is same as using Glyphicon. Simply create `` or `` tag and apply the CSS Prefix `fa` and the icon's name. A code example has been provided below. **Code Example:** `` `` Icons inherit the `font-size` of their parent container by default, but sizing can be modified by adding `.fa-*` classes, where `*` is one of `xs, sm, md, lg or [1-5]x`. #### Font Awesome Icon List: Complete list of icons provided by Font Awesome is available [here](http://fontawesome.io/cheatsheet/) `.fa fa-align-left` This is Font Awesome align left icon. `.fa fa-heart` This is Font Awesome heart icon. _Note: Do not include the dot in the HTML Class Attribute, referring to the classes with a dot is only used when adjusting the classes in CSS._ #### Font Awesome Free CDN for Version 5 Font Awesome Version 5 extends the free icons to 1480. *Use this free CDN for version 5 (currently v5.6.3)* ```html ``` List of v5 free icons is available [here](https://fontawesome.com/icons?d=gallery&m=free) #### More Information: [Font Awesome Cheatsheet](http://fontawesome.io/cheatsheet/)