Material Design Fonticons is a font converted version of the Google Material Design Icon set.
Install the Fonticons using the Bower package manager.
$ bower install material-design-fonticons
You can also find all the Fonticons on npm.
$ npm install material-design-fonticons
Take a look at [Fonticons search page] (http://designjockey.github.io/material-design-fonticons/) for all icons and categories included. Search for icons using the search field included.
There are multiple css files included in the styles
folder. The mdfi.css
file includes the mdfi
font with icons from all the categories, while other category specific css files mdfi_{category}.css
contain category specific icons with font name mdfi-{category}
.
##Using the Fonticons
For using the icons follow the below instructions. The icon classes are named using the mdfi_{category}_{original_icon_name}
convention. Refer to [Fonticons search page] (http://designjockey.github.io/material-design-fonticons/) for class names.
Reference the specific stylesheet:
<link href="styles/mdfi.css" rel="stylesheet">
Use the icon:
<i class="mdfi_action_face"></i>
All fonts are released under an SIL OFL 1.1 license.