Mykhailo Nykoliuk

<p>NM Font Awersome makes it easy to add vector icons and social logos from <a href="https://fontawesome.com/" rel="nofollow ugc">Font Awesome</a> to your website. And version 5 is redesigned and built from the ground up!</p>
<h4>Usage</h4>
<p>Font Awesome version 5 icons can be any of 4 different styles, each with its own prefix.<br />
In the free version of the plugin, you can use only 2 styles:<br />
* <strong>Solid</strong>, with style prefix <code>fas</code><br />
* <strong>Brands</strong>, with style prefix <code>fab</code></p>
<p>Read the documentation <a href="https://fontawesome.com/how-to-use/svg-with-js#additional-styling" rel="nofollow ugc">Additional Styling Classes</a> to use the plug-in’s features 100%.</p>
<p><strong>NM Font Awersome gives you 2 ways of usage:</strong></p>
<h4>1) SHORTCODE</h4>
<pre><code>[nm_fa name="fas fa-camera-retro"]

[nm_fa name="fas fa-camera-retro fa-2x"]

[nm_fa name="fas fa-cog fa-spin"]
</code></pre>
<p>Where the name is the name of the class of the icon that you want to add.</p>
<p>A complete list of icons you can find on <a href="https://fontawesome.com/icons" rel="nofollow ugc">Font Awesome</a>.</p>
<h4>2) TINYMCE</h4>
<p>Select the desired icon in the drop-down menu.</p>
<h4>3) HTML</h4>
<p>To access the HTML editor, click on the “HTML” link on the tab at the top right of the text editor window in WordPress.<br /> If you don\’t know how to use Font Awesome in HTML, you can read <a href="https://fontawesome.com/how-to-use/svg-with-js#basic-use" rel="nofollow ugc">Font Awesome Basic Use</a>.</p>
<p><strong>Coming soon</strong></p>
<p>In the near future there will be a PRO version, where you can use all Awesome Icons.</p>


NM Font Awesome

Wordpress plugin that adds the latest version 5 of Font Awesome into your WordPress project.

Ciprian Popescu

<p>This plugin allows you to display any Font Awesome 5, Font Awesome 6, Font Awesome 7 or Font Awesome kit icon as an editor block (Gutenberg) or a custom HTML block.</p>
<p>You can also add the icon as HTML code or, inline, by using the <code>[fa class="fas fa-fw fa-phone"]</code> shortcode.</p>
<p>Read more about the <a href="https://getbutterfly.com/wordpress-plugins/block-for-font-awesome/" rel="nofollow ugc">Block for Font Awesome plugin</a> here.</p>


Block for Font Awesome

We have installed this plugin on our 400+ agency websites and couldn't be happier.

Adding icons is a breeze, and the HTML and shortcode support extends into our theme development process.

Great time-saving plugin!

Display a Font Awesome 5, Font Awesome 6, Font Awesome 7 or Font Awesome kit icon in a Gutenberg block or a custom HTML block.

NM Font Awesome vs Block for Font Awesome