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.

Juliette Reinders Folmer

eagerterrier

MimeTypes Link Icons is a plugin that looks for links to files and uploads in your blogs posts and adds a nice icon next to it. Optionally add the file’s file size next to the link.
Important note on v3.0 and up: This version partially breaks backwards compatibility: the plugin now requires PHP5.1+ and WP 3.5+. Please have a look at the <a href="https://wordpress.org/plugins/mimetypes-link-icons/changelog/" rel="ugc">changelog</a> for more information about the changes.
The icons are configurable. You can choose to display a PNG with transparent background or GIF with white matte, display the icon to the left or the right of the link and choose the icon size.
Each icon is available in the following sizes:
<ul>
<li>16x16px</li>
<li>24x24px</li>
<li>48x48px</li>
<li>64x64px</li>
<li>128x128px</li>
</ul>
<h4>Supported File Extensions</h4>
<ul>
<li>.3g2</li>
<li>.3gp</li>
<li>.ai</li>
<li>.air</li>
<li>.asf</li>
<li>.avi</li>
<li>.bib</li>
<li>.capx</li>
<li>.cls</li>
<li>.csv</li>
<li>.deb</li>
<li>.djvu</li>
<li>.dmg</li>
<li>.doc</li>
<li>.docx</li>
<li>.dwf</li>
<li>.dwg</li>
<li>.eps</li>
<li>.epub</li>
<li>.exe</li>
<li>.f</li>
<li>.f77</li>
<li>.f90</li>
<li>.flac</li>
<li>.flv</li>
<li>.gif</li>
<li>.gz</li>
<li>.ico</li>
<li>.indd</li>
<li>.iso</li>
<li>.jpg</li>
<li>.jpeg</li>
<li>.key</li>
<li>.log</li>
<li>.m4a</li>
<li>.m4v</li>
<li>.midi</li>
<li>.mkv</li>
<li>.mov</li>
<li>.mp3</li>
<li>.mp4</li>
<li>.mpeg</li>
<li>.mpg</li>
<li>.msi</li>
<li>.msix</li>
<li>.odp</li>
<li>.ods</li>
<li>.odt</li>
<li>.oga</li>
<li>.ogg</li>
<li>.ogv</li>
<li>.pages</li>
<li>.pdf</li>
<li>.png</li>
<li>.pps</li>
<li>.ppsx</li>
<li>.ppt</li>
<li>.pptm</li>
<li>.pptx</li>
<li>.psd</li>
<li>.pub</li>
<li>.py</li>
<li>.qt</li>
<li>.ra</li>
<li>.ram</li>
<li>.rar</li>
<li>.rm</li>
<li>.rpm</li>
<li>.rtf</li>
<li>.rv</li>
<li>.skp</li>
<li>.spx</li>
<li>.sql</li>
<li>.sty</li>
<li>.tar</li>
<li>.tex</li>
<li>.tgz</li>
<li>.tiff</li>
<li>.ttf</li>
<li>.txt</li>
<li>.vob</li>
<li>.wav</li>
<li>.wmv</li>
<li>.xls</li>
<li>.xlsx</li>
<li>.xml</li>
<li>.xpi</li>
<li>.zip</li>
</ul>
<h4>Localization</h4>
<ul>
<li>Dutch – <a href="https://wordpress.org/support/profile/jrf" rel="ugc">jrf</a></li>
</ul>
Please help make this plugin available in more languages by translating it. The translation files are included in the download. See the <a href="https://wordpress.org/plugins/mimetypes-link-icons/faq/" rel="ugc">FAQ</a> for more info.
<h4>Requirements</h4>
Since version 3.0, the plugin now requires PHP5.2+ and WP 3.5+. 
The PHP filter extension needs to be enabled as well.
<h4>Need more ?</h4>
If you need support for this plugin or even want a completely different plugin programmed: hire <a href="http://blog.eagerterrier.co.uk/" rel="nofollow ugc">Toby</a> or <a href="http://adviesenzo.nl/" rel="nofollow ugc">Juliette</a>!
<h3>Error Reporting</h3>
<h4>The plugin is causing errors/not working the way it should!</h4>
First thing to check is whether you are using the latest version, if not, please upgrade and check again.
If you are getting a blank screen when saving the settings, please check that the PHP filter extension is enabled – it is enabled by default in a normal PHP installation, though some disreputable webhosting companies seem to disable it. If that’s the case, contact your webhost to get them to turn it on.
You can check your server php configuration using the code snippet below: 
 <php 
 phpinfo();
If the error persists, please report any errors you are getting in the <a href="https://wordpress.org/support/plugin/mimetypes-link-icons" rel="ugc">WP forum</a> or on <a href="https://github.com/eagerterrier/MimeTypes-Link-Icons" rel="nofollow ugc">GitHub</a>. Error reporting is much appreciated as it will improve the plugin for everyone!
We’ll need at least the following information:
<ul>
<li>the complete error message if there is any</li>
<li>a description of the problem</li>
<li>the version number of the plugin you are using</li>
<li>preferably a link to a page where we can see the error</li>
<li>depending on the error: the WP version you are using and the PHP version WP is running on</li>
</ul>
Sometimes we may need information on the settings you are using. If you have <a href="https://codex.wordpress.org/WP_DEBUG" rel="nofollow ugc"><code>WP_DEBUG</code></a> set to <code>true</code>, you will see a list of the plugin settings at the bottom of the MimeType Link Icons settings page.
On rare occasions, like with problems with the filesize functions, we may need even more information. We will then ask you to turn on a plugin-specific debugging option.
To do so, please add the following to your (child-)theme’s functions.php file:
<pre><code>$GLOBALS['mimetypes_link_icons']->debug = true;
</code></pre>
You may want to wrap this snippet in an <code>if( WP_DEBUG === true ) {}</code> and you can remove it once you’ve send us the output.
Alternatively, you can (temporarily) change the variable in the plugin file, search for the following code snippet and change <code>false</code> to <code>true</code>:
<pre><code>/**
 * @var bool Debug setting to enable extra debugging for the plugin
 */
var $debug = false;
</code></pre>

MimeTypes Link Icons

Adds icons automatically to any uploads and/or file links inserted into your blog posts.

Enable Navigation Icons vs MimeTypes Link Icons