Font Icons in CSS3

To use Icons in HTML5 first of all add icons script in between head element which is given below.

<script src=""></script>

After inserting this script in between head element font icons can be used which is explained below.

Examples for web applications

There are five examples of icons mostly used in web applications are given below.

<i class="fa fa-home"></i><br/>
<i class="fa fa-phone"></i><br/>
<i class="fa fa-inbox"></i><br/>
<i class="fa fa-envelope"></i><br/>
<i class="fa fa-at"></i>

Output of above code

 - For home
 - For phone
 - For inbox
 - For envelope
 - For at

Examples for Hand Icons

There are five examples of hand icons are given below.

<i class="fa fa-hand-rock-o"></i><br/>
<i class="fa fa-hand-o-right"></i><br/>
<i class="fa fa-hand-o-up"></i><br/>
<i class="fa fa-hand-o-down"></i><br/>
<i class="fa fa-hand-o-left"></i>

Output of above code

 - For hand grab
 - For hand right
 - For hand up
 - For hand down
 - For hand left

Examples for Transportation Icons

There are five examples of Transportation Icons are given below.

<i class="fa fa-car"></i><br/>
<i class="fa fa-bus"></i><br/>
<i class="fa fa-bicycle"></i><br/>
<i class="fa fa-ambulance"></i><br/>
<i class="fa fa-plane"></i>

Output of above code

 - For car
 - For bus
 - For bicycle
 - For ambulance
 - For plane


If you want to get unlimited fonts Icons visit this link Click here

The Best

Comment here

If you have any query, if you want to know something about any of technical course related to computer science field, if you have any suggestion about relevant to uploaded content or if you anything wrong here (any mistake in content) than please contact us. Keep in mind, comment should be according to community guidelines.