We'll create fresh WordPress site with Material Design Iconic Font Integration installed. You have 20 minutes to test the plugin after that site we'll be deleted.
This plugin just add a simple shortcode to the functions.php file, which embed the latest version of the MD Iconic Font css (v 2.2).
Once installed, you can go to http://zavoloklom.github.io/material-design-iconic-font/cheatsheet.html and check the code of the icon you want to use. Just click on the icon and copy and paste de code wherever you want to use it.
You can also add an icon using the shortcode [mdiconic]. This shortcode has four attributes:
** Examples **
[mdiconic aclass=”” target=”” href=”” iclass=””]
[mdiconic iclass=”zmdi-compass zmdi-hc-3x zmdi-hc-spin”]
[mdiconic iclass=”zmdi-facebook-box” href=”http://www.fb.com/jumptoweb” target=”_blank”]
NOTE: To see more examples you can use in the iclass parameter, check this page http://zavoloklom.github.io/material-design-iconic-font/examples.html
NOTE: To add any shortcode or tag you should use the text editor (not the tinymce)