To use Icons in HTML5 first of all add icons script in between head element which is given below.
<script src="https://kit.fontawesome.com/a076d05399.js"></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
Note
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.
