Trent Stromkins

Enable Navigation Icons makes it simple to add and customize icons for your WordPress Navigation Block items. Whether you’re building a simple menu or complex mega menu navigation, this plugin provides intuitive controls for adding beautiful icons to your navigation links.
<a href="https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/bmx269/enable-navigation-icons/main/blueprint.json" rel="nofollow ugc">Try it in WordPress Playground</a> — test the plugin instantly in your browser, no installation required.
Recommended Companion Plugin: Use the <a href="https://wordpress.org/plugins/icon-block/" rel="ugc">Icon Block</a> plugin to add custom icon sets and expand your icon library options. Icon Block is a powerful companion that allows you to register additional icon libraries for use with Enable Navigation Icons.
<h4>Key Features</h4>
Icon Selection 
* Browse and select from a curated collection of WordPress icons 
* Upload and use custom SVG icons from your media library 
* Paste custom SVG code directly for complete flexibility
Icon Positioning 
* Position icons before or after navigation link text (left/right) 
* Space between justification for full-width layouts 
* Vertical alignment options (top, center, bottom) for multi-line menu items 
* Fine-tune icon position with vertical offset (supports px, %, em, rem units)
Icon Styling 
* Adjust icon dimensions with a slider control (supports px, em, rem units) 
* Control the gap between icon and text (supports px, em, rem units) 
* Choose from theme colors or set a custom color 
* Support for stroke-based icons with “No Fill” option (e.g., Lucide icons)
Navigation Block Default Settings 
Set default icon settings at the Navigation block level that apply to all child navigation items: 
* Configure size, spacing, color, position, vertical alignment, offset, and styling once for the entire navigation 
* Individual navigation items can inherit defaults or use custom settings 
* Works seamlessly with multiple and nested Navigation blocks 
* Applies to both inline navigation items and dynamically loaded WordPress menus
This feature streamlines icon management for large navigation menus by eliminating repetitive configuration while maintaining flexibility for individual items.
Ollie Menu Designer Integration 
Full support for the Ollie Menu Designer plugin’s mega menu dropdown items: 
* Add icons to Ollie mega menu dropdown navigation items 
* Same icon selection and styling options as standard navigation items 
* Works seamlessly with Ollie themes and the Menu Designer plugin
<h4>Supported Blocks</h4>
<ul>
<li><code>core/navigation</code> – Navigation block (for setting default icon settings)</li>
<li><code>core/navigation-link</code> – Standard navigation links</li>
<li><code>core/navigation-submenu</code> – Submenu/dropdown navigation items</li>
<li><code>ollie/mega-menu</code> – Ollie Menu Designer dropdown menu items (requires Ollie Menu Designer plugin)</li>
</ul>
<h4>Credits</h4>
This plugin was inspired by and incorporates code and ideas from the <a href="https://github.com/ndiego/enable-button-icons" rel="nofollow ugc">enable-button-icons</a> project. Special thanks to @ndiego for his excellent work on button icon functionality, which served as a foundation for implementing navigation icon features.

Enable Navigation Icons

Easily add icons to Navigation Block items in WordPress.

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.

Enable Navigation Icons vs Menu Image, Icons made easy