# Bootstrap Icons

Through most of the examples in this kit, we have used the default Icons for the Material Design provided by Google.

## Material Icons

Through most of the examples in this dashboard, we have used the default Icons for the Material Design provided by Google.

face
Copy

    <i class="material-icons">face</i>

## Font Awesome 5

Optionally, Material Dashboard comes with Font Awesome which means 3000+ more vector icons made for you to use.

### Usage

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:

Copy

    <link href="/assets/vendor/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet">

### Initialization

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:

1. its name, prefixed with fa- and
2. the style you want to use’s corresponding prefix.

Copy

    <i class="fas fa-heart"></i>

### Icons

Get the icon you need on the official website:

Go to Font Awesome

## Bootstrap Glyphicons

Another option for icons are Glyphicons.