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.

ghuger

richardgabriel

Hal Gatewood

The Dashicons + Custom Post Types plugin allows you to keep the WordPress admin menu as clean as possible. When your building new custom post types for your clients your default icon in the admin menu is the pin. This is no fun. With my plugin you can easily and quickly change all the custom post type icons to match the rest of the icons in the menu.
<iframe loading="lazy" class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/3M6-mU9Ai0M?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"></iframe>

Dashicons + Custom Post Types

Easily change the admin menu icons for custom post types.

Enable Navigation Icons vs Dashicons + Custom Post Types