Nawras92

LWN Icons is a powerful WordPress plugin that seamlessly integrates Google’s Material Design icons into your site. With LWN Icons, you can easily add modern, sleek icons directly within the Gutenberg editor to enhance your content’s visual appeal. The plugin lets you customize icon color, size, add titles, links, and link targets, making your icons fully interactive and perfectly tailored to your design.
<h3>Features</h3>
<ul>
<li>Latest Google Material Icons: Automatically access thousands of up-to-date icons directly from Google’s Material Icons library.</li>
<li>Sync Anytime: Keep your icons current by syncing with Google Material Icons whenever you need.</li>
<li>Custom Links & Titles: Add clickable links, titles, and targets to icons for interactive designs.</li>
<li>Customizable Size & Color: Adjust icon size and color to perfectly match your theme or plugin.</li>
<li>Icon Search: Quickly find the icon you need using the built-in search feature.</li>
<li>Gutenberg Block Ready: Easily insert icons anywhere using the Gutenberg block editor.</li>
<li>Use Anywhere: Compatible with themes, plugins, and custom layouts across your WordPress site.</li>
<li>Smooth Display: Fixes front-end flash issues for icons, ensuring seamless loading and display.</li>
</ul>

LWN Icons

Easily add and customize Google Material Design icons in Gutenberg to enhance your WordPress content with sleek, interactive visuals.

Manny Costales

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:
<ul>
<li>aclass -> classes to use in the ‘a’ tag</li>
<li>target -> target of the ‘a’ tag (_blank, _self, _parent, _top)</li>
<li>href -> link to use in the ‘a’ tag</li>
<li>iclass -> classes to use in the ‘i’ tag</li>
</ul>
** 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)

Material Design Iconic Font Integration

This plugin integrate the Material Design Iconic Font library with your wordpress installation. You can use the shortcode generated with this plugin t …

LWN Icons vs Material Design Iconic Font Integration