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.

Hugeicons

xtawfik

<p>Hugeicons plugin provides a seamless way to use Hugeicons in your WordPress site. This plugin is designed to make icon management and implementation as simple as possible.</p>
<p><strong>Free Features:</strong></p>
<ul>
<li>Easy integration of Hugeicons into your WordPress site</li>
<li>Icon picker interface for block editors</li>
<li>Access to 4,300+ free icons</li>
<li>Shortcode support</li>
<li>Modern and responsive admin interface</li>
<li>Compatible with latest WordPress versions</li>
</ul>
<p><strong>Pro Features:</strong><br />
<a href="https://hugeicons.com/pricing" rel="nofollow ugc">Upgrade to Pro</a> to unlock:</p>
<ul>
<li>Access to 40,000+ premium icons</li>
<li>Multiple icon styles (Solid, Duotone, Twotone, Stroke, Bulk)</li>
<li>Multiple icon sets to choose from</li>
<li>Regular updates with new icons</li>
<li>Priority support</li>
</ul>
<p><a href="https://hugeicons.com/pricing" rel="nofollow ugc">Get Hugeicons Pro</a> to unlock all premium features!</p>
<h3>External Services</h3>
<p>This plugin connects to Hugeicons’ servers for one essential purpose:</p>
<p><strong>Icons API Service</strong><br />
   * What: The plugin connects to <code>https://hugeicons.com/api</code> to fetch icon metadata and updates<br />
   * Why: This allows us to deliver real-time icon updates, new categories, and improvements without requiring frequent plugin updates<br />
   * When: Only when using the icon picker in the WordPress editor<br />
   * Data transmitted: Only technical requests for icon data; no personal information is sent</p>
<ul>
<li>Terms of Service: <a href="https://hugeicons.com/terms-of-service" rel="nofollow ugc">https://hugeicons.com/terms-of-service</a></li>
<li>Privacy Policy: <a href="https://hugeicons.com/privacy-policy" rel="nofollow ugc">https://hugeicons.com/privacy-policy</a></li>
</ul>
<h3>Support</h3>
<p>For support, please visit:</p>
<ul>
<li><a href="https://hugeicons.com" rel="nofollow ugc">Hugeicons Website</a></li>
<li><a href="https://docs.hugeicons.com" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://discord.gg/mauDATBZgE" rel="nofollow ugc">Support</a></li>
</ul>
<p>For premium support and features, <a href="https://hugeicons.com/pricing" rel="nofollow ugc">upgrade to Pro</a>!</p>



Tried the block editor by adding a button, but there is no icon inserter as shown in your Quick Start with WordPress (Free) video. Additionally, I cannot get the shortcode option to work.



Thanks!


Nice Plugin. Partially Working

Add beautiful Hugeicons to your WordPress site with an easy-to-use icon picker for both classic and block editors.

Material Design Icons vs Hugeicons