/ Plugin Category

/ Design & Themes

/ Themes & Templates

/ Menu Icons by ThemeIsle

Menu Icons by ThemeIsle

By Themeisle

Design & Themes / Themes & Templates

Menu Icons by ThemeIsle Review - In-Depth Analysis

Enhance your WordPress navigation menus with beautiful icons. Easily add icons to menu items for a more engaging user experience.

Performance Overview

WPS Score

7.52/10

User Rating

4.9/5 (based on 845+ reviews)

Active Installations

100,000+

Update Frequency

Average It is calculated using the weighted average of same category plugins.

Security Score

5 / 10 (Medium Risk) It is calculated using the weighted average of all versions.

What It Does

This plugin gives you the ability to add icons to your menu items, similar to the look of the latest dashboard menu.

After the plugin is activated, go to Appearance > Menus to edit your menus. Enable or disable icon types in the Menu Icons Settings meta box. Set default settings for the current nav menu, which will be inherited by newly added menu items. Select an icon by clicking on the Select icon link and save the menu.

The plugin supports various icon types including Dashicons, Elusive Icons, Font Awesome, Foundation Icons, Genericons, Fontello icon packs, images, and SVGs. It is compatible with most themes, especially popular ones like Twenty Seventeen and Hestia.

Development of this plugin is done on GitHub, and pull requests are welcome. Check out the issues reported there before going to the plugin forum.

Comparing to Alternatives

Menu Icons by ThemeIsle offers a straightforward way to add icons to WordPress menus, standing out for its simplicity and ease of use compared to other menu icon plugins.

Top alternatives

Menu Icons by ThemeIsle

Strengths

Simple and intuitive interface for adding icons to menus
Supports a variety of icon sets
Reliable performance with minimal issues reported
Rollback option available for updates

Weaknesses

Limited customization options for icons, such as hover color changes
No support for uploading custom icon packs as zip files
Icons may not display correctly in mobile menus
No pro version with advanced features

User Sentiment Analysis

Users generally praise the plugin for its ease of use and reliability, though some have noted areas for improvement.

Positive highlights

'Straight forward, with enough flexibility to be useful.' - uncouthmike
'Really easy and useful.' - jtatayb
'I have been using menu-icons for years now, so simple to use and works just great.' - adilshah0975
'Good features! The rollback option is awesome.' - Rico
'Perfect, easy to use and works well.' - danimoe

Common complaints

Icons not showing in mobile menus
Lack of ability to upload custom icon packs as zip files
No option to change icon color on hover except via CSS
Icon sizes changed unexpectedly after an update

Weaknesses

Limited icon customization options
Mobile menu icon display issues
No advanced features due to absence of a pro version

Who Should Use This?

Best for

Users seeking a simple and reliable plugin to add icons to their WordPress menus without needing advanced customization.

Not ideal for

Those who require extensive icon customization, custom icon uploads, or full mobile menu icon support may find this plugin limiting.

Pricing & Value

Free version includes

The free version includes all core features needed to add and manage menu icons with support for multiple icon sets and basic customization.

Final Verdict

Menu Icons by ThemeIsle is a dependable and user-friendly plugin ideal for users wanting to enhance their menus with icons effortlessly.

While it lacks advanced customization and mobile menu icon support, its free offering provides solid value for straightforward icon needs.

Other Notable Features

Here are a few other notable features of this free Menu Icons by ThemeIsle plugin.

Icons

Nav Menu

Navigation

Screenshots

FAQ

Make sure that your active theme is using the default walker for displaying the nav menu. If it’s using its own custom walker, make sure that the menu item titles are filterable (please consult your theme author about this).

You can use the icon_picker_icon_type_stylesheet_uri filter, eg:

/**  * Load Font Awesome's CSS from CDN  *  * @param  string                $stylesheet_uri Icon type's stylesheet URI.  * @param  string                $icon_type_id   Icon type's ID.  * @param  Icon_Picker_Type_Font $icon_type      Icon type's instance.  *  * @return string  */ function myprefix_font_awesome_css_from_cdn( $stylesheet_uri, $icon_type_id, $icon_type ) {     if ( 'fa' === $icon_type_id ) {         $stylesheet_uri = sprintf(             'https://maxcdn.bootstrapcdn.com/font-awesome/%s/css/font-awesome.min.css',             $icon_type->version         );     }      return $stylesheet_uri; } add_filter( 'icon_picker_icon_type_stylesheet_uri', 'myprefix_font_awesome_css_from_cdn', 10, 3 );

Certainly! Here’s how you can remove an icon type from your plugin/theme:

/**  * Remove one or more icon types  *  * Uncomment one or more line to remove icon types  *  * @param  array $types Registered icon types.  * @return array  */ function my_remove_menu_icons_type( $types ) {     // Dashicons     //unset( $types['dashicons'] );      // Elusive     //unset( $types['elusive'] );      // Font Awesome     //unset( $types['fa'] );      // Foundation     //unset( $types['foundation-icons'] );      // Genericons     //unset( $types['genericon'] );      // Image     //unset( $types['image'] );      return $types; } add_filter( 'menu_icons_types', 'my_remove_menu_icons_type' );

To add a new icon type, take a look at the files inside the includes/library/icon-picker/includes/types directory of this plugin.

Add this block of code to your mu-plugin file:

add_filter( 'menu_icons_disable_settings', '__return_true' );

Add this block of code to your mu-plugin file:

/**  * Override hidden label class  *  * @param  string $class Hidden label class.  * @return string  */ function my_menu_icons_hidden_label_class( $class ) {     $class = 'hidden';      return $class; } add_filter( 'menu_icons_hidden_label_class', 'my_menu_icons_hidden_label_class' );

Add this block of code to your mu-plugin file:

/**  * Override menu item markup  *  * @param string  $markup  Menu item title markup.  * @param integer $id      Menu item ID.  * @param array   $meta    Menu item meta values.  * @param string  $title   Menu item title.  *  * @return string  */ function my_menu_icons_override_markup( $markup, $id, $meta, $title ) {     // Do your thing.      return $markup; } add_filter( 'menu_icons_item_title', 'my_menu_icons_override_markup', 10, 4 );

Add this block of code to your mu-plugin file:

/**  * Disable menu icons for a menu  *  * @param array $menu_settings Menu Settings.  * @param int   $menu_id       Menu ID.  *  * @return array  */ function my_menu_icons_menu_settings( $menu_settings, $menu_id ) {     if ( 13 === $menu_id ) {         $menu_settings['disabled'] = true;     }      return $menu_settings; } add_filter( 'menu_icons_menu_settings', 'my_menu_icons_menu_settings', 10, 2 );