Font Awesome 4 Icons

Font Awesome 4 Icons

Font Awesome is a font and icon toolkit based on CSS and Less. It was made by Dave Gandy for use with Bootstrap, and later was incorporated into the Bootstrap CDN.

How to Use Font Awesome Icons?

To be able to use these icons, you must include this line in the portion of your HTML code

<link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css”>

To use these icons, add the Font Awesome class on your web pages. For an example: If you want to add users icon,then add the below code into the web page.

<i class=”fa fa-users” aria-hidden=”true”></i>

Font Awesome Icon Sizes:

To control the size of the icon, you can simply add font-size: 20px property of your icon. Optionally you can use custom style as shown below.

<i class=”fa fa-users”></i>
<i class=”fa fa-users” style=”font-size:20px”></i>
<i class=”fa fa-users” style=”font-size:30px”></i>
<i class=”fa fa-users” style=”font-size:40px;color:brown”></i>

 

Font Awesome Icons