Font Awesome is a font and icon toolkit based on CSS and LESS. It was made by Dave Gandy for use with Twitter Bootstrap, and later was incorporated into the BootstrapCDN. Font Awesome has a 20% market share among those websites which use third-party Font Scripts on their platform, ranking it second place after Google Fonts.To add these icons to our website we need to add some basic configuration i.e. adding font awesome library css. To add that you need to add it like this.<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
Here I have CDN link you use the offline version as well. Now to add any icon on your web page you need to put tag i.e. <i> </i> and this tag will have an associated class with it to show the icon on page as.
<i class="fa fa-glass"></i> It will show a glass and <i class="fa fa-glass fa-3x"></i> will show a glass but 3X in size as compare to previous. To increase the size of these icons we can use font size attribute as well.
Here I have collected the most popular icon that are most commonly used. By clicking on the button you can copy the code of the icon.