Tutorial by Examples

Different approaches can be used to integrate FontAwesome into a website: For plain HTML/CSS: Download the zip available here, unzip, and copy the contents to your website. Then reference the /css/font-awesome.css in the webpage head like so:<link rel="stylesheet" src="/assets/...

The simple use-case is to refer to a single icon in its normal size: <i class="fa fa-camera-retro"></i> (View result in this fiddle.) Create an empty tag (it is recommended to use <i> used for that) and assign class "fa" and the class corresponding to the desi...

Font Awesome is an extremely simple yet powerful library to use, with 634 icons available in just a few words. How does it work? Font Awesome uses Unicode characters stored in a ../fonts directory to change any i.fa elements to the respective unicode character, as such displaying the icon as text....