Friday, November 1, 2013

Change favicon in SharePoint 2013

In this post we will discuss about how to change favicon in SharePoint 2013. Also you can check out my previous posts on:
- Add a Geolocation column to a list programmatically in SharePoint 2013

- Create workflow using SharePoint designer 2013 in SharePoint 2013

- Add site column to a content type in SharePoint 2013
Favicon is an ico files, which appears in the browser. The name is preferred as favicon.ico. By default SharePoint 2013 favicon appears like below:

The default location for this file in SharePoint 2013 is C:\Program Files\Common Files\microsoft shared\Web Server Extensions\15\TEMPLATE\IMAGES.

You can directly replace the default file with your own new file or you can also put this through SharePoint designer.

Open SharePoint designer 2013 -> All Files -> images folder and then you can import the files to the images folder.

Now you can open the master page, Check out the master page. Right click on the master page and then click "Edit file in advanced mode".

Then search for <SharePoint:SPShortcutIcon runat="server" IconUrl="/_layouts/15/images/favicon.ico?rev=23" /> and replace with the below

<SharePoint:SPShortcutIcon runat="server" IconUrl="/_layouts/15/images/newfavicon.ico" />

Now save and publish the master page.

Now the new favicon will appear in the browser. If it did not appear (due to cache), clear the browser cache and reload the page again.

Twitter Delicious Facebook Digg Favorites More