Change modern SharePoint fav icon using Tenant Wide Deployment

By João Ferreira Feb 24, 2019 Branding, Office 365 0 Comments

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
   

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.