/    /  Bootstrap Icons

Bootstrap Icons

 

The bootstrap 4 version does not include an icon library (Glyphicons from Bootstrap 3 are not supported in BS4). There are many free icon libraries, such as Font Awesome and Google Material Design Icons.

 

How to Include Font Awesome:

 

You can simply use the freely available Font Awesome icons, add the following to your HTML page (No downloading or installation is required):

 

LINK:

 

<link rel=”stylesheet” href=”https://use.fontawesome.com/releases/v5.7.0/css/all.css” integrity=”sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ” crossorigin=”anonymous”>

 

Example:

 

<div class="container">
 <p>Others:</p>
 <i class="fa fa-id-badge" aria-hidden="true"></i>
 <i class="fa fa-thermometer-quarter" aria-hidden="true"></i>
<i class="fa fa-user" aria-hidden="true"></i>
<i class="fa fa-window-close" aria-hidden="true"></i>
<i class="fa fa-address-card" aria-hidden="true"></i>
<i class="fa fa-address-book" aria-hidden="true"></i>
</div>

 

OUTPUT:

 

Bootstrap4 Icons

 

Note:  leave a space after the closing tag of icon element (i.e. after </i> tag),