A new SharePoint Framework extension favicon was released to change the default SharePoint favicon by a custom one based on a specific URL or based on the SharePoint site logo.


The visual identity of the enterprises is a real need and can contribute to the adoption of the tools. A part of the visual identity is the favicon visible on the tabs of your favorite browser even for your SharePoint projects.

Microsoft Edge with several SharePoint sites opened

How it works

Like any SharePoint Framework extension, it is possible to:

  • deploy it for all sites in your Tenant with the same configuration
  • deploy it in your Tenant and install it per site with a custom configuration
  • deploy and install it per site collection with the same or a different configuration

For more information about how to install a SharePoint Framework component, you can read this post

Once deployed and installed, you can choose one of the below configurations:

  1. By default, use the SharePoint site logo as a favicon and if no logo is defined, keep the default SharePoint favicon
  2. Use the SharePoint site logo and if no logo is defined to the site, use a custom favicon via the specified URL
  3. Use a custom favicon whether the SharePoint site has a logo or not


  • Configure CI verification during an MR
  • Use pnpm to manage the NodeJS packages
  • Use Jest for code coverage

Favicon Extension repository

Hoping this post will help you 😉

You may also be interested in