Font Awesome

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

Code
<!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

Code
<!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>

More icons

×