Bootstrap 4 has not included any icons library like bootstrap 3 glyphicons. Still, multiple free icon libraries such as Font Awesome, Google material design icons, etc., are available to choose from.
Generally, the font icons are the symbols useful to represent some action on the web page, and the font icons can be customized by using CSS like changing the color, size, etc., based on our requirements.
In case if you want to use Font Awesome icons in your application, you need to add the following font awesome CSS file in our application header (<head>
) section.
Once you add the above URL reference in your web page header section, you can start using font awesome icons without any downloads.
You can use font awesome icons with <i>
or <span>
tag along with CSS prefix fa
with icons name like as shown following.
The above example will return the result as shown below.
To know more about using Font Awesome icons, Google material design icons, and bootstrap 3 glyphicons, visit Font Icons Tutorial.