Zayed Baloch

Hammal Albulushi

Naeem Noor

<p>This plugin allows you to easily embed Font Awesome icon to your website using HTML or built-in shortcode handlers.</p>
<h4>Features</h4>
<ol>
<li>Shortcode support. Example: For Font Awesome 5 <code>[wpfa5s icon=""]</code>, <code>[wpfa5r icon=""]</code>, <code>[wpfab icon=""]</code>, and for Font Awesome 4.7+ <code>[wpfa icon=""]</code></li>
<li>Use Larger Icon: <code>[wpfa icon="" size="2x"]</code>. Sizes: <code>xs</code>, <code>sm</code>, <code>lg</code>, <code>2x</code>, <code>3x</code>, <code>5x</code>, <code>7x</code>, <code>10x</code></li>
<li>Add Font Awesome icon in Menu with shortcode.</li>
<li>Support shortocde in Widgets.</li>
<li>Support post and page title.</li>
<li>Font Awesome version 6</li>
<li>Support Font Awesome version 5.+ and 4.7.0</li>
<li>Add Font Awesome icon from editor Toolbar button.</li>
</ol>
<h4>Shortcodes</h4>
<p>Introduced three new shortcode for Font Awesome support.</p>
<p><strong>Font Awesome v6 & v5</strong><br />
    [wpfa5s icon=”home”] for Solid style.<br />
    [wpfa5r icon=”user”] for Regular style. <em>support only in few icon</em>.<br />
    [wpfa5b icon=”wordpress”] for Brands.</p>
<p><strong>Font Awesome 4.7+</strong><br />
    [wpfa icon=””].</p>
<h4>Note</h4>
<p>The <code>fa</code> prefix has been deprecated in version 5. The new default is the <code>fas</code> solid style <code>far</code> regular style and the <code>fab</code> style for brands.</p>
<p><strong>WP Font Awesome plugin still support Font Awesome version 4</strong></p>


WP Font Awesome

Nice and easy

This plugin allows you to easily embed Font Awesome icon to your site with simple shortcodes.

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.

WP Font Awesome vs Material Design Icons