How to use the Thin Lined icons in a in-line navigation menu

[fciuciu]

How to use the Thin Lined icons in a in-line navigation menu. WP only shows the old default icons, but I want to use the Thin lined ones that are provided by Pro

[ruenel]

Hello @fciuciu,

Thanks for posting in!

You can use the code below to display an icon in your menu. Add it as navigation label.

<i class="x-icon" data-x-icon-b="&#xf082;" ></i>

You just need to change the data-x-icon-b value to display a different icon.

For data-x-icon-b you refer to this cheatsheet - https://fontawesome.com/cheatsheet

For example, if you want to display an anchor icon, you can use the following code

<i class="x-icon" data-x-icon-b="&#xf13d;" ></i>

Or a globe icon:

<i class="x-icon" data-x-icon-b="&#xf0ac;" ></i>

Hope this helps.