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.
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
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>