Customize modern SharePoint menu with icons

By João Ferreira Mar 29, 2020 Branding 3 Comments

Creating a well-structured and meaningful menu using just a few words per item can be difficult. Wouldn’t be awesome to customize the menu items with icons?

I’ve wrote about this topic in the past and I even did a solution to customize classic SharePoint with Fabric UI icons.

Since SharePoint has evolved and the methods used in the past are no longer valid, today I bring you a quick tip that will allow you to customize your modern SharePoint menus in just a few clicks.

In this solution instead of using an icon font I will use the emoji menu available for Windows 10 and Mac OS.

1. Start by editing the menu items
2. Place the cursor in the location where you want to add the icon
3. If you are using Windows 10 press “Windows” + “.”, if you are using Mac OS press “Command” + “Control” + “Spacebar”
4. Look for the icon you want to use
5. Save the menu item and then Save your menu

The end result will look like the following image.

Do you see yourself customizing your SharePoint menu with icons? Let me know in the comment section down below.

Frame vector created by iconicbestiary – www.freepik.com