Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS

Features of Font Awesome

 One Font, 369 Icons

In a single collection, Font Awesome is a pictographic language of web-related actions.

 No JavaScript Required

Fewer compatibility concerns because Font Awesome doesn't require JavaScript.

 Infinite Scalability

Scalable vector graphics means every icon looks awesome at any size.

 Free, as in Speech

Font Awesome is completely free for commercial use.

 CSS Control

Easily style icon color, size, shadow, and anything that's possible with CSS.

 Perfect on Retina Displays

Font Awesome icons are vectors, which mean they're gorgeous on high-resolution displays.

 Made for Bootstrap

Designed from scratch to be fully compatible with Bootstrap.

 Desktop Friendly

To use on the desktop or for a complete set of vectors, check out the cheatsheet.

 Screen Reader Compatible

Font Awesome won't trip up screen readers, unlike other icon fonts.

How to use

1. Simply paste the following code into the section of your site's HTML.

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

2. Just add the specific icon class in any elemnt whwre you want to show the icon.

For e.g. to show a flag icon <span class="fa-flag"></span>