How To Add Font Icon Or Custom Icon In Your WordPress Menu – Step By Step Tutorial (Video Included)

Do you want to add font icons in wordpress menu of your website? These font icons makes your website more attractive. The menus with icons are more noticeable therefore clicked more by the visitors.

Icons and graphics is the best option if you want to improve the visual content of your website and grab attention by it. Additionally, such icons and graphics will help your site visitors to find out about the page before they visit the actual content and will excite them to explore through pages.

In case you're thinking about how to include font icons like Font Awesome, Dashicons, Genericons, Lineraicons, Themify Icons, Elusive symbols, Typicons, Foundation Icons, CaptainIcon, Devicons, Material Icons by Google, The Noun Project etc, or on the other hand custom icons and iconify your WordPress menu like below, here is a step by step tutorial for you!

In the above picture, you can see two types of menus. One with the custom icons in main menu items and sub menu items and the other one with font icon in the menu items and sub menu items. In the event that you need to do likewise with your WordPress site's menu – here is a step by step tutorial to include icons in your WordPress Menu.

The plugin utilized in this tutorial is WP Menu Icon – a premium WordPress plugin. There are several free plugins also available like Font Awesome plugin. You just have to install and activate it to begin editing.

This is the way to add font icon in WordPress menu. If you've any inquiries or remarks or confusion, kindly don't hesitate to drop your remarks in the comment box.

If you are looking for professional WordPress themes, then you have arrived at the right place! WP themes are on sale on our website. Go, grab your favourite today.

Back to blog