SharePoint Online: How to Add Icons (Emoji) to Navigation Menu?

Do you know you can insert Emoji icons to SharePoint Online? Well, Yes! Here is how to insert emoji symbols to SharePoint Online Menu.

You can insert emoji icons to anywhere in SharePoint like in top navigation or in quick launch menu items. E.g. To add an icon to quick launch menu items,

  • Click on the “Edit” link as you do usually to edit any link in the left navigation. and then click on “Edit” menu item from the context menu.
  • When the “Edit” window is open, press “Windows” and “;” keys (Windows key and semicolon). This opens the Emoji icon popup from where you can insert any available icon as per your requirements!
    add emoji to sharepoint menu

Here is my left navigation menu with symbols added in it:

insert icons in sharepoint menu

Here is my another top navigation mega menu with Icons :

symbols in sharepoint top navigation quick launch menu

Similarly, you can add these emoji icons or symbols to anywhere in the site such as, site or list names, site content, etc.

Salaudeen Rajack

Salaudeen Rajack is a SharePoint Architect with Two decades of SharePoint Experience. He loves sharing his knowledge and experiences with the SharePoint community, through his real-world articles!

5 thoughts on “SharePoint Online: How to Add Icons (Emoji) to Navigation Menu?

  • September 23, 2020 at 2:04 PM

    I am new to sharepoint. once added can the icon colors be changed. for example Red Yellow Green? is it easy to do or would the user have to be a sharepoint expert.

  • June 23, 2020 at 5:26 PM

    Awesome, I wanted to explain in the navigation menu that clicking will open a new window, and I could do with a simple arrow. Thanks!

  • May 27, 2020 at 4:36 PM

    For me it works using Windows key and ;

  • May 24, 2020 at 4:12 AM

    Hi pretty awesome. But this feature does not work. Windows and . keys do nothing.

    • September 21, 2021 at 4:57 PM

      Hi It didn’t work for me until I pressed windows key +;


Leave a Reply