massimo.serpilli

<p>With this plugin you can insert icons Font Awesome inside your post.<br />
Simply select the desired icon and will be automatically entered in the shortcode that will allow you<br />
to customize the icon and select the size, color, and if the icon should be fixed.</p>
<p>The characteristics of the plugin are:</p>
<ul>
<li>This includes more than 400 icons</li>
<li>No need to modify your templates to include the icons, but just select and insert them into your post</li>
<li>
<p>The icons are divided into the following groups:<br />
New Icons in 4.0, Web Application Icons, Forms Control Icons, Currency Icons, Text Editor Icons,<br />
Icons Directional, Video palyer Icons, Brand Icons, Medical Icons</p>
<p>Note that the <code>readme.txt</code> of the stable tag is the one that is considered the defining one for the plugin, so<br />
if the <code>/trunk/readme.txt</code> file says that the stable tag is <code>4.3</code>, then it is <code>/tags/4.3/readme.txt</code> that’ll be used<br />
for displaying information about the plugin.  In this situation, the only thing considered from the trunk <code>readme.txt</code><br />
is the stable tag pointer.  Thus, if you develop in trunk, you can update the trunk <code>readme.txt</code> to reflect changes in<br />
your in-development version, without having that information incorrectly disclosed about the current stable version<br />
that lacks those changes — as long as the trunk’s <code>readme.txt</code> points to the correct stable tag.</p>
<p>If no stable tag is provided, it is assumed that trunk is stable, but you should specify “trunk” if that’s where<br />
you put the stable version, in order to eliminate any doubt.</p>
</li>
</ul>
<h3>Attributes</h3>
<p>After selecting the icon will be entered one shotscode in your post,<br />
which you can customize as follows:</p>
<p>Example: [fontawesome icon=”fa fa-anchor” size=”lg or 2x or 3x or 4x or 5x” iconcolor=”” fixed=”yes or no” ]</p>
<p><em>size</em></p>
<ul>
<li><strong>lg or 2x or 3x or 4x or 5x:</strong> select one of these options to set the size of the icon.<br />
For example size=”lg” is the smallest icon size=”5x” is the largest.<br />
Starting lg option, any other option increases the size of 33%</li>
</ul>
<p><em>iconcolor</em></p>
<ul>
<li><strong>iconcolor:</strong> For example iconcolor=”#CCCCCC” for your icon grey.</li>
</ul>
<p><em>fixed</em><br />
* <strong>fixed:</strong> For example fixed=”yes” to set icons at a fixed width.</p>


Incredible Font Awesome

This plugin allows you to quickly insert icons selectable Font Awesome preview from the additional buttons in the tinymce bar

Themeisle

WPShout

<p>This plugin gives you the ability to add icons to your menu items, similar to the look of the latest dashboard menu.</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/YcSotWXIczI?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h4>Usage</h4>
<ol>
<li>After the plugin is activated, go to <em>Appearance</em> > <em>Menus</em> to edit your menus</li>
<li>Enable/Disable icon types in “Menu Icons Settings” meta box</li>
<li>Set default settings for current nav menu; these settings will be inherited by the newly added menu items</li>
<li>Select icon by clicking on the “Select icon” link</li>
<li>Save the menu</li>
</ol>
<h4>Supported icon types</h4>
<ul>
<li>Dashicons (WordPress core icons)</li>
<li><a href="http://shoestrap.org/downloads/elusive-icons-webfont/" rel="nofollow ugc">Elusive Icons</a> by <a href="http://shoestrap.org/blog/author/aristath/" rel="nofollow ugc">Aristeides Stathopoulos</a></li>
<li><a href="http://fontawesome.io/" rel="nofollow ugc">Font Awesome</a> by <a href="http://twitter.com/davegandy" rel="nofollow ugc">Dave Gandy</a></li>
<li><a href="http://zurb.com/playground/foundation-icon-fonts-3/" rel="nofollow ugc">Foundation Icons</a> by <a href="http://zurb.com/" rel="nofollow ugc">Zurb</a></li>
<li><a href="http://genericons.com/" rel="nofollow ugc">Genericons</a> by <a href="http://automattic.com/" rel="nofollow ugc">Automattic</a></li>
<li><a href="http://fontello.com/" rel="nofollow ugc">Fontello</a> icon packs</li>
<li><a href="http://themeisle.com/free-icons/" rel="nofollow ugc">TI Icons</a> icon pack by <a href="http://twitter.com/themeisle" rel="nofollow ugc">ThemeIsle</a></li>
<li>Image (attachments)</li>
<li>SVG (attachments)</li>
</ul>
<h4>Planned supported icon types</h4>
<ul>
<li>Image (URL)</li>
</ul>
<h4>Compatible themes</h4>
<p>Menu icons works with most of the themes out there, especially with popular ones like Twenty Seventeen or <a href="https://themeisle.com/themes/hestia/" rel="nofollow ugc">Hestia</a>.</p>
<p>Development of this plugin is done on <a href="https://github.com/codeinwp/wp-menu-icons" rel="nofollow ugc">GitHub</a>. <strong>Pull requests welcome</strong>. Please see <a href="https://github.com/codeinwp/wp-menu-icons/issues" rel="nofollow ugc">issues reported</a> there before going to the plugin forum.</p>
<h3>If you like this plugin, then consider checking out our other projects:</h3>
<p><a href="https://www.codeinwp.com/blog/" rel="nofollow ugc">CodeinWP Blog</a> – Designer’s Guide To WordPress<br />
<a href="https://revive.social" rel="nofollow ugc">Revive.Social</a> – Social Media Tools<br />
<a href="https://justfreethemes.com" rel="nofollow ugc">JustFreeThemes</a> – Free WordPress Themes directory</p>


Menu Icons by Themeisle – Add Icons to Navigation Menus

Add icons to WordPress navigation menus easily — pick from Font Awesome, Dashicons, image icons & more. Style menu items with custom colors & sizes.

Incredible Font Awesome vs Menu Icons by Themeisle – Add Icons to Navigation Menus