jomol

<p>Simple Font Awesome Icon plugin will give you the Font Awesome Icon option in your post and page. From there you can choose the required icon and hit save. Then use the get_post_meta(‘post ID’, ‘font-awesome-icon’, true); function in the template file and you will get the class name which can be used with i tag.</p>
<p>Please take a look the plugin page for more details: [https://codingdom.wordpress.com/simple-font-awesome-icon/)</p>


Simple Font Awesome Icon

Simple Font Awesome plugin will give you the option for adding Font Awesome icons for your post and pages in the form of a meta box.

Phoeniixx

<p>By Using fontawesome icon plugin you can demonstrate icons in your pages and widget area.<br />
Fontawesome icon plugin can be used in various ways like by using HTML, Fontawesome icon picker in Tiny MCE editor or by adding shortcodes.</p>
<h4>Features:</h4>
<ul>
<li>You can use fontawesome icons to display the icons and texts in pages and widget area.</li>
<li><strong>Widget-</strong> Font awesome can be viewed on widget by adding ‘Phoeniixx icons with text’.</li>
<li>Awesome font awesome plugin gives you icons that can instantly be customized.</li>
<li>You can display the icons just by selecting the icons from Fontawesome icon picker in Tiny MCE editor  visual mode.</li>
<li>You can display the icons by adding shortcodes in text mode of the page.</li>
<li>You can display the icons in different size and styles using HTML in text mode.</li>
<li>Plugin is compatible with siteorign page builder plugin. </li>
<li>Advance styling options like different colors, different sizes of the font.</li>
<li>
<p>300 icons library.</p>
</li>
<li>
<p>Credit :  http://mjolnic.com/fontawesome-iconpicker/</p>
</li>
</ul>
<h4>Premium WordPress Themes</h4>
<p>Here is our premium wordpress theme</p>
<ul>
<li><a href="https://www.phoeniixx.com/product/foody/" rel="nofollow ugc">Foody Themes</a></li>
<li><a href="https://www.phoeniixx.com/product/jstore-theme/" rel="nofollow ugc">Jstore Themes</a></li>
<li><a href="https://www.phoeniixx.com/product/eezy-store/" rel="nofollow ugc">Eezy Themes</a></li>
<li><a href="https://www.phoeniixx.com/product/craze/" rel="nofollow ugc">Craze Themes</a></li>
</ul>
<blockquote>
<h4>Our Website</h4>
<ul>
<li>  <a href="https://www.phoeniixx.com/" rel="nofollow ugc">https://www.phoeniixx.com/</a></li>
</ul>
<h4>Support Email</h4>
<ul>
<li>  <a href="mailto:support@phoeniixx.com" rel="nofollow ugc">support@phoeniixx.com</a></li>
</ul>
<h4>NOTE</h4>
<ul>
<li>  Our plugin support the Multisite Network.
</li>
</ul>
</blockquote>


Awesome Fontawesome Collection

Seemed perfect for my needs until I ran a validator on it and discovered that for ever icon I had added in the widget, a copy of the CSS style appears in the source page.

It is "illegally" placed inside the page's HTML and perhaps worse, appears over and over and over and over and over and over and over...  you get it.  Needless bloat.

Too bad... :(

Some things need attentions

By Using fontawesome icon plugin you can demonstrate icons in your pages and widget area.

Simple Font Awesome Icon vs Awesome Fontawesome Collection