---
title: Use Remix icon in menu items
description: "1. Go to the [**Remix Icon**](https://remixicon.com/) 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: ` ` - **Tip**: You can…"
url: "https://flatsomeplugins.com/documentation/flatsome-my-account-ux-builder/use-remix-icon-in-menu-items/"
updated: "2023-11-16"
category: "Flatsome - My Account UX Builder"
---

# Use Remix icon in menu items

1. Go to the [**Remix Icon**](https://remixicon.com/) 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>`

![](https://flatsomeplugins.com/wp-content/uploads/2023/11/Remix-Icon-website-in-the-library-1024x489.jpg)
Use remix icon in menu items 1

1. Navigate to your WordPress **Dashboard > Appearance > Menus**. In this example, select the **My Account Menu**.
2. 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.

![](https://flatsomeplugins.com/wp-content/uploads/2023/11/Use-Remixicon-in-menu-items-1024x1008.jpg)
Use remix icon in menu items 2

1. 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`