Bootstrap 4 Icons

Bootstrap 3 contains the default icon library. But in bootstrap 4, you have to include the external icon library by yourself. Many free icon libraries are available such as Font Awesome, Google Material Design Icons, and many more. The icons are used to make the webpage more interactive and elegant.

To add icons in a webpage, firstly you need to add an external CSS library (CDN Link). We are using Font Awesome, the link is given below:

Note: Downloading or installation is not required.

Steps for creating icons

  • To create an icon, add .fas class along with the .fa-* class to the <i> element.

Where, * = cloud, file, home, book, etc.

Note: You can change the size and color of the icons by adding CSS color property.

Example

Output

Bootstrap 4 Icons

Pin It on Pinterest

Share This