How can I change the favicon on SharePoint?

In certain scenarios, you may want to modify your site favicon, so as not to display the default SharePoint logo.  This article focus on that same procedure for both Classic and Modern site collections.

Modern SharePoint

 

Info: BindTuning's modern themes, offer the necessary flexibility to change your site favicon using one of its many built-in functionalities. If you don't have a BindTuning theme, be sure to sign up and request a trial here.

If you want to change the favicon of your site to use your own logo instead of SharePoint's icon, please proceed as follows:

    1. Open your site collection;
    2. Upload your new favicon on a document library (i.e, Site Assets), and copy its corresponding path;
    3. On the ribbon, click on BindTuning Settings;
    4. Under General, paste the path to your image under Favicon Path.

2.png

After performing the steps above, your favicon will change to the corresponding icon.

3.PNG

Classic SharePoint

 

Info: SharePoint Designer is required in order to accomplish the steps described in this article. If you need to download it please follow this link.

If you want to change the favicon of your site to use your own logo instead of SharePoint icon, please proceed as follows:

  1. Open your site with SharePoint Designer
  2. Go to Site Assets
  3. Upload your new favicon.ico file
  4. Check in the file in the context menu and if asked publish the major version
  5. Depending of the theme version you are using edit your masterpage
    • Sandbox solution: go to All files > _catalogs > masterpage > THEMENAME
    • Farm solution: go to All files > _catalogs > masterpage
  6. Check out and edit the masterpage you're using
  7. Update the url to the new favicon
    • In your master page locate the tag bellow:
      <SharePoint:SPShortcutIcon runat="server" IconUrl="/_layouts/15/images/favicon.ico?rev=23" />
    • Replace it with:
      <SharePoint:SPShortcutIcon runat="server" IconUrl="/SiteAssets/favicon.ico" />
  8. Save the master
  9. Check in the file in the context menu and if asked publish the major version
  10. Refresh your site and the new favicon will appear

 

Have more questions? Submit a request

Comments

Powered by Zendesk