In this, we learn how to use font awesome icons.
( i ) Using font awesome cdn.
( ii ) Know font awesome classes.
( iii ) Using font awesome classes with i and span tag.
Note:- Total number of font awesome 5 free icons are 1514.
Font Awesome 5 Icons
<!Doctype html> <html> <head> <title>font awesome 5 icons</title> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"> <style> i{font-size:25px} </style> </head> <body> <h1 align="center">font awesome 5 icons</h1> <i class="fas fa-car"></i> <i class="fas fa-bus"></i> <i class="fas fa-helicopter"></i> <i class="fas fa-rocket"></i> </body> </html>
Font Awesome 4 Icons
<!Doctype html> <html> <head> <title>font awesome 4 icons</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> i{font-size:25px} </style> </head> <body> <h1 align="center">font awesome 4 icons</h1> <i class="fa fa-automobile"></i> <i class="fa fa-mobile"></i> <i class="fa fa-rupee"></i> <i class="fa fa-sun-o"></i> </body> </html>