Themeisle

WPShout

<p>This plugin gives you the ability to add icons to your menu items, similar to the look of the latest dashboard menu.</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/YcSotWXIczI?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 allow-popups-to-escape-sandbox"></iframe></span></p>
<h4>Usage</h4>
<ol>
<li>After the plugin is activated, go to <em>Appearance</em> > <em>Menus</em> to edit your menus</li>
<li>Enable/Disable icon types in “Menu Icons Settings” meta box</li>
<li>Set default settings for current nav menu; these settings will be inherited by the newly added menu items</li>
<li>Select icon by clicking on the “Select icon” link</li>
<li>Save the menu</li>
</ol>
<h4>Supported icon types</h4>
<ul>
<li>Dashicons (WordPress core icons)</li>
<li><a href="http://shoestrap.org/downloads/elusive-icons-webfont/" rel="nofollow ugc">Elusive Icons</a> by <a href="http://shoestrap.org/blog/author/aristath/" rel="nofollow ugc">Aristeides Stathopoulos</a></li>
<li><a href="http://fontawesome.io/" rel="nofollow ugc">Font Awesome</a> by <a href="http://twitter.com/davegandy" rel="nofollow ugc">Dave Gandy</a></li>
<li><a href="http://zurb.com/playground/foundation-icon-fonts-3/" rel="nofollow ugc">Foundation Icons</a> by <a href="http://zurb.com/" rel="nofollow ugc">Zurb</a></li>
<li><a href="http://genericons.com/" rel="nofollow ugc">Genericons</a> by <a href="http://automattic.com/" rel="nofollow ugc">Automattic</a></li>
<li><a href="http://fontello.com/" rel="nofollow ugc">Fontello</a> icon packs</li>
<li><a href="http://themeisle.com/free-icons/" rel="nofollow ugc">TI Icons</a> icon pack by <a href="http://twitter.com/themeisle" rel="nofollow ugc">ThemeIsle</a></li>
<li>Image (attachments)</li>
<li>SVG (attachments)</li>
</ul>
<h4>Planned supported icon types</h4>
<ul>
<li>Image (URL)</li>
</ul>
<h4>Compatible themes</h4>
<p>Menu icons works with most of the themes out there, especially with popular ones like Twenty Seventeen or <a href="https://themeisle.com/themes/hestia/" rel="nofollow ugc">Hestia</a>.</p>
<p>Development of this plugin is done on <a href="https://github.com/codeinwp/wp-menu-icons" rel="nofollow ugc">GitHub</a>. <strong>Pull requests welcome</strong>. Please see <a href="https://github.com/codeinwp/wp-menu-icons/issues" rel="nofollow ugc">issues reported</a> there before going to the plugin forum.</p>
<h3>If you like this plugin, then consider checking out our other projects:</h3>
<p><a href="https://www.codeinwp.com/blog/" rel="nofollow ugc">CodeinWP Blog</a> – Designer’s Guide To WordPress<br />
<a href="https://revive.social" rel="nofollow ugc">Revive.Social</a> – Social Media Tools<br />
<a href="https://justfreethemes.com" rel="nofollow ugc">JustFreeThemes</a> – Free WordPress Themes directory</p>


Menu Icons by ThemeIsle

Spice up your navigation menus with pretty icons, easily.

Freemius

Rui Guerreiro

Freshlight Lab

<p>Easily add an image or icon in a menu item. Creating a better website menu.<br />
Control the position of the image or icon and also it’s size.</p>
<p>With Menu Image plugin you can do more, check some of the features:</p>
<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>
<p><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.</p>
</li>
<li>
<p><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.</p>
</li>
</ul>
<p>What people is saying!</p>
<blockquote>
<p><code>Easy to use and good author support</code><br />
  This plugin is a good solution to easily include an image in a menu. Excellent support from plugin author!</p>
<p>@dwoolworth824</p>
<p><code>Best plugin for adding a logo to your navigation</code><br />
  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!</p>
<p>@manmade1</p>
</blockquote>


Menu Image, Icons made easy

This plugin delivers exactly as promised!  I highly-recommend.

Very functional - Does exactly what it promises!

<p>Works really well, but the plugin spams the WP Admin with 'upgrade' messages and once dismissed, they come back again and again. </p>

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.

Menu Icons by ThemeIsle vs Menu Image, Icons made easy