Joe Ponzio

STOP! Before using this older version of the plugin, check out <a href="https://wordpress.org/plugins/font-awesome-4-menus/" rel="ugc">the new Font Awesome 4 Menus for WordPress</a>!
Seriously… 
Seriously – we’re not supporting this anymore. If you’re starting fresh, use our new plugin (above). If you’re upgrading, make sure you make note of the differences between the old i class codes and the new ones. Any issues that were found in this plugin have been addressed in the new version, and we’ve added a ton of new functionality too!
<a href="https://wordpress.org/plugins/font-awesome-4-menus/" rel="ugc">Go to the new Font Awesome 4 Menus for WordPress</a>
Back to the old plugin notes…
Add Font Awesome icons to your WordPress menus without touching a single line of code! With this plugin, just add icon-(icon name) as a class to your menu and the plugin will put that icon into your menu before the text!
With Font Awesome Menus, you have access to the old Font Awesome 3.2 library throughout your site. With the included shortcode, you can also add icons to pages, posts, custom post types, widgets – anywhere you want them!
In your menus…
Want to add a home icon to the “home” link on your menu? Just add:
<pre><code>icon-home
</code></pre>
as a class in your menu and the icon will be inserted before the text.
In your posts/pages
Want that home icon to show up in a post or page or custom post type? Use the shortcode:
<pre><code>[icon name=icon-home]
</code></pre>
and voila!
In your theme
Because Font Awesome is available throughout your site, use it in other parts of your theme too! Want that home icon hardcoded into your footer? Here you go:
<pre><code>
</code></pre>
It’s all there, baby
You can also use any and all of the code options and styles on the Font Awesome website. See more examples at <a href="http://fontawesome.io/examples/" rel="nofollow ugc">http://fontawesome.io/examples/</a>

Font Awesome Menus

STOP! Before using this plugin, check out our new Font Awesome 4 Menus for WordPress!

LuckyWP

Add <a href="https://codex.wordpress.org/Navigation_Menus" rel="nofollow ugc">navigation menu</a> field type to <a href="https://wordpress.org/plugins/advanced-custom-fields/" rel="ugc">Advanced Custom Fields</a>.
<h4>Features</h4>
<ul>
<li>Customizable return value: ID, object (WP_Term) or HTML (use function <a href="https://developer.wordpress.org/reference/functions/wp_nav_menu/" rel="nofollow ugc">wp_nav_menu()</a>).</li>
<li>Hook filter <code>lwpamf_wp_nav_menu_args</code> to change arguments of <a href="https://developer.wordpress.org/reference/functions/wp_nav_menu/" rel="nofollow ugc">wp_nav_menu()</a> function.</li>
</ul>
<h3>Compatibility</h3>
LuckyWP ACF Menu Field is compatible with:
<ul>
<li>Advanced Custom Fields 5</li>
<li>Advanced Custom Fields PRO 5</li>
<li>Advanced Custom Fields 6</li>
<li>Advanced Custom Fields PRO 6</li>
</ul>

LuckyWP ACF Menu Field

Thank you very, very much for making this. It saved so much time. 

Excellent!!!!

Add navigation menu field type to Advanced Custom Fields

Font Awesome Menus vs LuckyWP ACF Menu Field