Trent Stromkins

<p>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.</p>
<p><strong><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></strong> — test the plugin instantly in your browser, no installation required.</p>
<p><strong>Recommended Companion Plugin:</strong> 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.</p>
<h4>Key Features</h4>
<p><strong>Icon Selection</strong><br />
* Browse and select from a curated collection of WordPress icons<br />
* Upload and use custom SVG icons from your media library<br />
* Paste custom SVG code directly for complete flexibility</p>
<p><strong>Icon Positioning</strong><br />
* Position icons before or after navigation link text (left/right)<br />
* Space between justification for full-width layouts<br />
* Vertical alignment options (top, center, bottom) for multi-line menu items<br />
* Fine-tune icon position with vertical offset (supports px, %, em, rem units)</p>
<p><strong>Icon Styling</strong><br />
* Adjust icon dimensions with a slider control (supports px, em, rem units)<br />
* Control the gap between icon and text (supports px, em, rem units)<br />
* Choose from theme colors or set a custom color<br />
* Support for stroke-based icons with “No Fill” option (e.g., Lucide icons)</p>
<p><strong>Navigation Block Default Settings</strong><br />
Set default icon settings at the Navigation block level that apply to all child navigation items:<br />
* Configure size, spacing, color, position, vertical alignment, offset, and styling once for the entire navigation<br />
* Individual navigation items can inherit defaults or use custom settings<br />
* Works seamlessly with multiple and nested Navigation blocks<br />
* Applies to both inline navigation items and dynamically loaded WordPress menus</p>
<p>This feature streamlines icon management for large navigation menus by eliminating repetitive configuration while maintaining flexibility for individual items.</p>
<p><strong>Ollie Menu Designer Integration</strong><br />
Full support for the Ollie Menu Designer plugin’s mega menu dropdown items:<br />
* Add icons to Ollie mega menu dropdown navigation items<br />
* Same icon selection and styling options as standard navigation items<br />
* Works seamlessly with Ollie themes and the Menu Designer plugin</p>
<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>
<p>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.</p>


Enable Navigation Icons

Easily add icons to Navigation Block items in WordPress.

micropat

AddToAny

<p>The AddToAny Share Buttons plugin for WordPress increases traffic & engagement by helping people share your posts and pages to any service. Services include Facebook, Bluesky, Mastodon, Pinterest, WhatsApp, LinkedIn, Threads, Tumblr, Reddit, X, WeChat, and many more sharing and social media sites & apps.</p>
<p>AddToAny is the home of universal sharing, and the AddToAny plugin is the most popular share plugin for WordPress, making sites social media ready since 2006.</p>
<h4>Share Buttons</h4>
<ul>
<li><a href="https://www.addtoany.com/buttons/customize/wordpress/standalone_services" rel="nofollow ugc"><strong>Standard</strong></a> share buttons — share each piece of content</li>
<li><a href="https://www.addtoany.com/buttons/customize/wordpress/floating_share_buttons" rel="nofollow ugc"><strong>Floating</strong></a> share buttons — responsive & customizable, vertical & horizontal</li>
<li><strong>Counters</strong> — fast & official <a href="https://www.addtoany.com/buttons/customize/wordpress/share_counters" rel="nofollow ugc">share counts</a> in the same style</li>
<li><strong>Follow</strong> buttons — <a href="https://www.addtoany.com/buttons/customize/wordpress/follow_buttons" rel="nofollow ugc">social media links</a> to your Instagram, YouTube, Discord, Snapchat</li>
<li><strong>Image</strong> sharing buttons – share buttons for <a href="https://www.addtoany.com/buttons/customize/wordpress/image_sharing" rel="nofollow ugc">sharing images</a></li>
<li><strong>Vector</strong> share buttons & follow buttons — <a href="https://www.addtoany.com/buttons/customize/wordpress/icon_color" rel="nofollow ugc">custom color</a> SVG icons</li>
<li><strong>Custom</strong> share icons — use your own if you prefer</li>
<li>Official buttons including the Facebook Like Button, Pinterest Save Button, and LinkedIn Share Button</li>
<li>Universal email sharing makes it easy to share via Gmail, Yahoo Mail, Outlook.com (Hotmail), AOL Mail, and any other web or native apps</li>
</ul>
<h4>Custom Placement & Appearance</h4>
<ul>
<li>Before content, after content, or before & after content</li>
<li>Vertical Floating Share Bar, and Horizontal Floating Share Bar</li>
<li>As a shortcode, or a widget within a theme’s layout</li>
<li>Programmatically with template tags</li>
</ul>
<h4>Analytics Integration</h4>
<ul>
<li>Google Analytics integration (<a href="https://www.addtoany.com/ext/google_analytics/" rel="nofollow ugc">access guide</a>) for sharing analytics</li>
<li>Track shared links with Bitly and custom URL shorteners</li>
<li>Display share counts on posts and pages</li>
</ul>
<h4>WordPress Optimized</h4>
<ul>
<li>Loads asynchronously so your content always loads before or in parallel with AddToAny</li>
<li>Supports theme features such as HTML5, widgets, infinite scroll, post formats</li>
<li>Supports WooCommerce, multilingual sites, multisite networks, and accessibility standards</li>
<li>AddToAny is free — no signup, no login, no accounts to manage</li>
</ul>
<h4>Mobile Optimized & Retina Ready</h4>
<ul>
<li>AddToAny gives users the choice in sharing from a service’s native app or from a web app</li>
<li>Responsive Floating Share Buttons are mobile ready by default, and configurable breakpoints make floating buttons work with any theme</li>
<li>AddToAny’s SVG icons are super-lightweight and pixel-perfect at any size, and AddToAny’s responsive share menu fits on all displays</li>
<li>Automatic <a href="https://wordpress.org/plugins/amp/" rel="ugc">AMP</a> (Accelerated Mobile Pages) support for social share buttons on AMP pages</li>
</ul>
<h4>Customizable & Extensible</h4>
<ul>
<li>Choose exactly where you want AddToAny to appear</li>
<li>Easily <a href="https://www.addtoany.com/buttons/customize/wordpress" rel="nofollow ugc">customize sharing</a> on your WordPress site</li>
<li><a href="https://wordpress.org/plugins/add-to-any/#faq" rel="ugc">Highly extensible</a> for developers and designers</li>
<li>Custom icons let you use any icons from any location (media uploads directory, CDN, etc.)</li>
<li>Many more publisher and user features</li>
</ul>
<h4>Wide Support</h4>
<ul>
<li>Over 10 years of development</li>
<li>Over 18 million downloads</li>
<li>Translated into dozens of languages</li>
<li>Ongoing support from the community</li>
</ul>
<p>This plugin always strives to be the best WordPress plugin for sharing. Development is fueled by your kind words and feedback.</p>
<p><a href="https://www.addtoany.com/share#url=https%3A%2F%2Fwordpress.org%2Fplugins%2Fadd-to-any%2F&title=AddToAny%20Sharing%20Plugin%20for%20WordPress" title="Share" rel="nofollow ugc">Share</a> this plugin</p>
<p>See also:</p>
<ul>
<li>The <a href="https://www.addtoany.com/buttons/" rel="nofollow ugc">share buttons</a> for all platforms</li>
<li>The <a href="https://www.addtoany.com/buttons/for/wordpress_com" rel="nofollow ugc">share buttons for WordPress.com</a></li>
</ul>
<p><a href="https://www.addtoany.com/blog/" rel="nofollow ugc">AddToAny Blog</a> | <a href="https://www.addtoany.com/privacy" rel="nofollow ugc">Privacy Policy</a></p>


AddToAny Share Buttons

Share buttons for WordPress including the AddToAny button, Facebook, Bluesky, Mastodon, WhatsApp, Pinterest, Reddit, many more, and follow icons too.

Enable Navigation Icons vs AddToAny Share Buttons