Bootstrap doesn’t include an icon library by default, but we have a handful of Bootstrap icons recommendations for you to choose from.
Through most of the examples in this kit, we have used the default Icons for the Material Design provided by Google.
Font Awesome 5
Optionally, Material Dashboard Dark comes with Font Awesome which means 3000+ more vector icons made for you to use.
In order to use this icons on your page you will need to include the following script in the
<head> section of your page before the theme’s main style:
Start placing icons in your HTML’s
<body>. We recommend using a consistent HTML element, like
<i>. Find the right icon and learn how to reference it in your markup.
You need to know two bits of information to reference an icon:
- its name, prefixed with fa- and
- the style you want to use’s corresponding prefix.
Get the icon you need on the official website:
Another option for icons are Glyphicons.