Amazon.co.uk Widgets

Log in

X

Icons in Joomla Menus

This is a relatively new feature in Joomla 4.1 and later, and it really helps make menus look more professional.

Icon from bootstrap icons, font awesome, or any icon font supported by your template can be used.

TL:DR: Make your Joomla menus look better with icons, easily.

Adding an Icon to a Joomla Menu

  • Open the menu item in the Joomla Administrator
    • Add the icon type and icon to the Link Icon class field. In my example i used the house icon from bootstrap icons bi bi-house-fill.
    • Save and check the front end menu.
    • Thats it!
Menu Administration, Link Type page
Menu Administration, Link Type page

Icon on the Joomla front end menu

Here it is on the front end. Looks smart.

Front end menu, Link Icon for home page
Front end menu, Link Icon for home page