Change modern SharePoint fav icon using Tenant Wide Deployment

I’m updating some of my old projects to take advantage of the latest functionalities of the SharePoint Framework and today I’m revisiting the solution that changes the favicon on modern SharePoint sites.

The previous solution was built using the framework 1.4.0 and allows you to change the favicon on individual site collections, the solution I’m providing today was updated to version 1.7.1 to take advantage of the tenant wide deployment functionalities.

This means that with a single deployment you will be changing the favicon globally on all your modern SharePoint sites.

How to globally change your favicon

This solution can be installed and configured directly through the browser, to do it follow the steps below:

  1. Download and Extract the solution from here
  2. Open your tenant app catalog
  3. Click on Apps for SharePoint
  4. Upload the solution to the catalog
  5. Check the option Make this solution available to all sites in the organization
  6. Go to Site Contents
  7. Open the list Tenant Wide Extensions
  8. Edit the DynamicFavicon item
  9. Modify the Component Properties and add the url value by your favicon url
Note: In order to get this solution working you must host the new icon in a location accessible by all the users. The Site Assets library in your app catalog is a good place to have the favicon stored.

Using this solution, I was able to apply the modern SharePoint favicon globally to all modern SharePoint sites, if you want to do the same thing follow the steps described above and download the modern favicon from here.


No comments yet

Leave a Reply


Web developer focused on SharePoint branding, blogger, tech enthusiast. Travelling and sports are my addictions, knowledge and success are my daily motivations.