Would you like to have icons in Visitor menu like this ?



Add this to your extra.less template :


If you want an icon with one of the Font Awesome 5 Pro styles - light, solid or duotone - use the above code like this (example): .m-faContent(@fa-var-duotone-sign-in);. As you can see, you add the style name (in that case duotone) inside the code right after the var-.


To change the icon edit value after @fa-var-.

Brand icons for XF 2.2​

To use the brand icon such as PayPal as you can see it in the above code add .m-faBase('Brands');.

If you are using route filters edit in the code what you've changed with filters (for example: if you're using route filter for account to something-else, then edit above code to suit.