HTML5

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 ionicons.com and this icon framework can be used in application.

image

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

<link href='@Url.Content("http://cdnjs.cloudflare.com/ajax/libs/ionicons/1.5.2/css/ionicons.min.css")' rel="stylesheet" type="text/css" />

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

image

3

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.

image

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

image

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

image

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:

WordPress.com Logo

You are commenting using your WordPress.com 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 )

w

Connecting to %s