Milan Dinić

<a href="http://blog.milandinic.com/wordpress/plugins/nav-menu-images/" rel="nofollow ugc">Plugin homepage</a> | <a href="http://blog.milandinic.com/" rel="nofollow ugc">Plugin author</a> | <a href="http://blog.milandinic.com/donate/" rel="nofollow ugc">Donate</a>
This plugin enables you to upload images for nav menu items on a menu edit screen. By default, those images will be displayed instead of text for respective menu items. Note that after upload, you should set an image as ‘featured’ to be able to display it.
You can also set images that will be displayed only when you hover menu item, or when menu item is of currently displayed page. <a href="http://blog.milandinic.com/wordpress/plugins/nav-menu-images/#how-to-use" rel="nofollow ugc">Read detailed instructions about using plugin</a>.
Developers can use many available filters to make their own way of displaying images, or even create a child class on top of base one. See source code for more ideas.
Although this plugin displays uploaded images out of the box, it will probably not give best possible look, so it’s recommended to create custom CSS styles for affected elements.
Nav Menu Images code is partly based on a code from now defunct plugin Custom Menu Images by <a href="http://huellaspyp.com/" rel="nofollow ugc">Anabelle Handdoek 
</a>/<a href="http://8manos.com/" rel="nofollow ugc">∞manos s.a.s</a> and a code from plugin <a href="https://wordpress.org/extend/plugins/metronet-profile-picture/" rel="ugc">Metronet Profile Picture</a> by <a href="http://www.ronalfy.com/" rel="nofollow ugc">Ronald Huereca</a>/<a href="http://www.metronet.no/" rel="nofollow ugc">Metronet Norge AS</a>.

Nav Menu Images

Great and light weight plugin, without affecting core functionality of WordPress.



Code quality

Does what it's supposed to.
Would love the possibility to choose wether or not to replace all link content - would be nice if the link text would still be shown + adding a custom class to image.

Does what it promise

Works well.

Freemius

Rui Guerreiro

Freshlight Lab

Easily add an image or icon in a menu item. Creating a better website menu. 
Control the position of the image or icon and also it’s size.
With Menu Image plugin you can do more, check some of the features:
<ul>
<li>[New] FontAwesome Icons</li>
<li>[New] DashIcons Icons</li>
<li>Hide Title and show only image or icon.</li>
<li>Add Image / Icon on the Left of the menu item title.</li>
<li>Add Image / Icon on the Right of the menu item title.</li>
<li>Add Image / Icon on the Above of the menu item title.</li>
<li>Add Image / Icon on the Below of the menu item title.</li>
<li>Switch images / icons on mouse over the menu item.</li>
<li>[PREMIUM] Convert menu items into Call to action buttons.</li>
<li>[PREMIUM] Add count bubble to menu items (Cart total, category total, custom function) menu items.</li>
<li>[PREMIUM] Notification badges on the menu items (New, Sale, Hiring, etc).</li>
<li>[PREMIUM] Color customization of the buttons, badges and bubbles.</li>
<li>[PREMIUM] Disable Menu Image in Mobile devices</li>
</ul>
<h4>Links</h4>
<ul>
<li><a href="https://www.freshlightlab.com/menu-image-wordpress-plugin/?utm_source=wprepo-menu-image&utm_medium=wprepo_readme&utm_campaign=menu_image_premium_readme_link" rel="nofollow ugc">Menu Image Premium</a></li>
<li><a href="https://www.freshlightlab.com/documentation/?utm_source=wprepo-menu-image&utm_medium=wprepo_readme&utm_campaign=menu_image_documentation_readme_link" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://www.freshlightlab.com/contact-us/?utm_source=wprepo-menu-image&utm_medium=wprepo_readme&utm_campaign=menu_image_contact_readme_link" rel="nofollow ugc">Creat support ticket</a></li>
</ul>
<h4>Related Plugins</h4>
<ul>
<li>
<a href="https://www.wpmobilemenu.com/?utm_source=wordpressorg&utm_medium=menu-image&utm_campaign=plugin-description" rel="nofollow ugc">Mobile Menu</a>: WP Mobile Menu is the best WordPress responsive mobile menu. Provide to your mobile visitor an easy access to your site content using any device smartphone/tablet/desktop.
</li>
<li>
<a href="https://www.freshlightlab.com/pay-with-stripe/?utm_source=wprepo-menu-image&utm_medium=wprepo_readme&utm_campaign=pay_with_stripe_readme_link" rel="nofollow ugc">Pay With Stripe</a>: Easily Sell your products with Stripe on your WordPress website without any other complex e-commerce solution.
</li>
</ul>
What people is saying!
<blockquote>
<code>Easy to use and good author support</code> 
 This plugin is a good solution to easily include an image in a menu. Excellent support from plugin author!
@dwoolworth824
<code>Best plugin for adding a logo to your navigation</code> 
 I’d definitely recommend this plugin if you need to add a logo to your navigation in WordPress. The support provided is so 5 stars!
@manmade1
</blockquote>

Menu Image, Icons made easy

This plugin delivers exactly as promised!  I highly-recommend.

Very functional - Does exactly what it promises!

Works really well, but the plugin spams the WP Admin with 'upgrade' messages and once dismissed, they come back again and again.

Works, but constant messaging in admin


Tried a couple of plugins for adding menu images, so far only this one worked for me.



Also the support is top-notch.



Overall a 5-star plugin!


Best plugin so far

Adds an image or icon in the menu items. You can choose the position of the image (after, before, above, below) or even hide the menu item title.

Nav Menu Images vs Menu Image, Icons made easy