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>