- Go to the Remix Icon website in the library. Click on the icon you want to use. Copy the HTML code of the icon. For example, here is the code you can copy:
<i class="ri-dashboard-line"> </i>- Tip: You can also add additional classes to the icon class to style the icons. As an example, we’ll use the class my-acount-icon, resulting in:
<i class="ri-dashboard-line my-acount-icon"> </i>
- Tip: You can also add additional classes to the icon class to style the icons. As an example, we’ll use the class my-acount-icon, resulting in:
- Navigate to your WordPress Dashboard > Appearance > Menus. In this example, select the My Account Menu.
- Open a menu item, go to Flatsome Menu Item Options > Menu Icon > Icon Type and select Custom Content. You’ll now see a Markup field appear, allowing you to add codes or content as shown in step 4 on the image below.
- Then, paste the HTML code in the Markup field as we left off in step 2, and click Save Menu. The icon should now be displayed.
Result:Dashboard