Font Awesome Tutorial

Introduction

Font Awesome provides us with Scalable Vector Icons. They are easy to install, and customizable as well. You may change size, color, drop shadow and many more styles of the icons with ease.

Some of the salient features of the Font Awesome project are listed below:

• Using Font Awesome, you may consume 585 icons (as of this writing). And that all with a single font.
• It's free (as free as free beer).
• Though it created out of Twitter Bootstrap, it works seamlessly with other CSS frameworks too.
• Since it does not require JavaScript, browser compatibility issues are minimal.
• Using you CSS skills, you may easily modify the look and feel (e.g. color, size, drop shadow etc.) of icons.
• Since these based on SVG, they render awesome in all sizes. Font awesome icons look awesome even on high resolution (e.g. Retina) displays.
• Unlike many other Icon fonts, Font Awesome are screen reader friendly.

Font Awesome Icon categories are as follows :

• Web Application Icons(0-80)
• Web Application Icons(81-159)
• Web Application Icons(160-240)
• Web Application Icons(241-319)
• Web Application Icons(320-End)
• Hand Icons
• Transportation Icons
• Gender Icons
• File Type Icons
• Form Control Icons
• Payment Icons
• Chart Icons
-->
• Currency Icons
• Text-editor Icons
• Directional Icons
• Video Player Icons
• Brand Icons 0-80
• Brand Icons 81-End
• Medical Icons

Previous: Icon Tutorial
Next: Font Awesome University Icon