Genericons are the vector icons embedded in a webfont designed to be clean, simple, keeping a generic aesthetic. Now by using brand new WordPress plugin called Genericon’d you can enable easy use of Genericons icon font set in your WordPress site. You can insert these icons either by HTML or by using shortcode inside your blog posts and pages.
Install and activate the plugin Genericon’d. After activation you may start using them inside your theme or within your blog posts, pages and text widgets.
All you would be needing to is to replace the name of the icon (in its shortcode or HTML) with the icon you want to display. For Example if you want to display mail genericon the using shortcode then write it like this[genericon icon=mail].