Install and use Fonts Awesome in the web pages.

Font awesome are icons to use in the web pages like home, user and envelop icons in the top of this web page.
Can use there online icons, to add online put this link between the <head> tags:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font.awesome.min.css">
Now add this code in the web page where want to the home icon appear:
<i class="fa fa-home"></i>
To install the fonts awesome in your web site download, the fonts from https://fontawesome.com/ or download from the github.
Put the fonts directory to the web document root where are the pages, and put the link to the fontawesome-all.js between the <head> tags:
<script defer src="/fontawsome-free/svg-with-js/js/fontawesome-all.js"></script>
Now put this code in web pages where the icons want to appear:
       <!--user icon in two different styles-->
  <i class="fa fa-home"></i>    
  <i class="fas fa-user"></i>
  <i class="far fa-user"></i>
  <!--brand icon-->
  <i class="fab fa-github-square"></i>
If want to change the color icon use this code:
<div style="font-size:3em; color:Tomato">
  <i class="fas fa-camera-retro"></i>


<< Previous Next >>