# Icons

# Material Icons


Through most of the examples in this dashboard, we have used the default Icons for the Material Design provided by Google. You can easily use them like this:

favorite
<md-icon>favorite</md-icon>

Note: for more details about the icons please see the Icon section from vuematerial.io

# Font Awesome


Optionally, Vue Material Kit PRO 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:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">

# Initialisation


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.

# Icons


Get the icon you need on the official website:

Go to FontAwesome