How to Change favicon in SharePoint Online/2013/2016

In this SharePoint tutorial, we will discuss how to change favicon in SharePoint Online or how to change favicon in SharePoint 2013/2016.

SharePoint favicon

Favicon appears side to the URL in the browser. By default, it comes with SharePoint official icon like below, but if you want you can change this, we can easily change the favicon in SharePoint Online sites or SharePoint 2013/2016 sites.

change favicon in sharepoint online
Change favicon in SharePoint 2013

Change favicon in SharePoint online

The process of changing favicon is same in SharePoint Online as well as in SharePoint 2013/2016.

First, we need to upload the favicon icon which should be a .ico file with 16*16 pixel. We can upload it to the SharePoint Site Assets library.

You can do this by using the browser itself or you can open the SharePoint 2013 online site by using SharePoint 2013 designer and click on the Site Assets library.

Now we need to update the favicon icon URL in the master page which over you are using. Open in edit mode your SharePoint site master page which you are using and then in the master page search for the below tag:

<SharePoint:SPShortcutIcon runat="server" IconUrl="/_layouts/15/images/favicon.ico?rev=23" />

Now here replace the IconUrl with the new URL which we have uploaded above. So it should looks like:

<SharePoint:SPShortcutIcon runat="server" IconUrl="/SiteAssets/favicon.ico" />

Now Save the file and Refresh the page, your new favicon should appear. If it does not appear, then try clearing the cache once in the browser.

Change favicon in SharePoint 2013/2016

Similarly to change the favicon in the SharePoint 2013 or SharePoint 2016, first upload the favicon icon to the Site Assets library.

Then we need to update the path in the master page.

Open the master page using SharePoint 2013 designer

<SharePoint:SPShortcutIcon runat="server" IconUrl="/SiteAssets/favicon.ico" />

Then Save the master page and publish the page as a major version.

You may like the following SharePoint customization tutorials:

In this SharePoint tutorial, we discussed how to change favicon in sharepoint online and change favicon in sharepoint 2013 and change favicon sharepoint 2016.

We can easily change favicon in sharepoint by modifying in the master page.

Donwload Hub site pdf

Download SharePoint Online Tutorial PDF FREE!

Get update on Webinars, video tutorials, training courses etc.

>