Nawras92

<p>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.</p>
<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.

braginteractive

<p>Enables 1000+ Material Design icons within WordPress pages and posts. Icons can be inserted with a shortcode or HTML markup.</p>
<h4>Features</h4>
<ul>
<li><strong>Shortcode generator</strong> – includes an easy-to-use TinyMCE pop-up shortcode generator.</li>
</ul>
<h4>Usage</h4>
<p>Material Design Icons can be used in 3 different ways: shortcode, HTML, and TinyMCE</p>
<h4>1. Shortcode</h4>
<pre><code>[mdi-icon name="material-ul" size="2x" color="red"]
</code></pre>
<p>You can also use hex values for color:<br />
    [mdi-icon name=”material-ul” size=”2x” color=”#000000″]</p>
<p>You can read more about shortcode usage on <a href="https://github.com/braginteractive/Material-Design-Icons-WordPress-Plugin" rel="nofollow ugc">Github</a></p>
<h4>2. TinyMCE</h4>
<p>Material Design Icons also provides you with a pop-up window when editing in TinyMCE’s visual mode. Check out our <a href="https://wordpress.org/plugins/material-design-icons/screenshots/" title="Screenshots" rel="ugc">Screenshots</a> to see what it looks like.</p>
<h4>3. HTML</h4>
<p>Note that prefixes are required for HTML usage. For this reason, shortcode usage is encouraged over HTML. A HTML version would look like:
    </p>


Material Design Icons

Insert Material Design Icons into your WordPress post and pages.

LWN Icons vs Material Design Icons