Using Awesome Icons and Fonts in HTML5

There are some good and awesome icons that you can use in HTML5. The icon library that I have used most of the time can be downloaded from and this icon framework can be used in application.


You can also refer to the CDN library directly to the code

<link href='@Url.Content("")' rel="stylesheet" type="text/css" />

You can get beautiful icons from the framework which can be rendered in a beautiful way



New Projects

<a href="#" class="small-box-footer"> More info <i class="fa fa-arrow-circle-right"></i> </a> </div> </div>

Also there is framework that is developed exclusively for Mobile applications using HTML5 named ionicframework which you can from the following link.


For awesome fonts you can download the font framework library fortawesome from the following link.


You can refer this CSS library in your file.

<link href='@Url.Content("~/Content/css/font-awesome-4.2.0/css/font-awesome.min.css")' rel="stylesheet" type="text/css" />

The  font can be displayed in the following manner


The code will be required to be written here like this

<i class="fa fa-envelope"></i>
<small><i class="fa fa-clock-o"></i> 5 mins</small>

Happy Coding…

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.