Saturday, May 10, 2014

How to Change Favicon in SharePoint 2013

Favicon - short form for "Favourites Icon" adds branding to SharePoint 2013 sites. Its not only used for bookmark Favourites, but also in address bar, browser icon locations too. In case you want to change favicon in SharePoint 2013, here are the options.

Change Favicon in SharePoint 2013
SharePoint 2013 favicon location:
By default, SharePoint 2013 uses favicon located in path "C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\15\template\images" which is mapped as "/_layouts/15/images/favicon.ico", favicon size is: 16x16 pixels.
replace favicon sharepoint 2013
Add favicon to SharePoint 2013
To add favicon to SharePoint 2013 sites,
  1. Login to you SharePoint Foundation/Server WFE. Upload your custom favicon to 15 hive's images folder. If you have multiple WFEs, you must upload to all of your web front ends.
  2. Edit your master page (on publishing sites, edit your HTML master page) and locate the following chunk:
    <SharePoint:SPShortcutIcon runat="server" IconUrl="/_layouts/15/images/favicon.ico?rev=23" />
    In publishing sites which uses HTML master pages, its coded as:
    <!--SPM:<SharePoint:SPShortcutIcon runat="server" IconUrl="/_layouts/15/images/favicon.ico?rev=23"/>-->
  3. Just change the IconUrl value to point your custom icon. In my case, I've uploaded a custom icon "cloud.ico" and made the change as:
    <SharePoint:SPShortcutIcon runat="server" IconUrl="/_layouts/15/images/cloud.ico?rev=25"/> 
    Please note, I've increased the REV parameter from 23 to 25 in mitigate caching issue.
  4. Save, approve and publish your master page. Here is my custom favicon!
sharepoint master page favicon

How about changing favicon in SharePoint 2013 online?
If you are working in SharePoint online version or if you don't have server access to upload your custom icon to 15 hive, place the custom favicon in any library such as "Images", "Site Assets", etc and update master page as:
<!--SPM:<SharePoint:SPShortcutIcon runat="server" IconUrl=""/>-->
Replace favicon in SharePoint 2013:
Although its fairly straightforward to replace the default Favicon.ico located in 15 hive with your custom favicon, its not a best practice! Always edit your master page to replace favicon in SharePoint 2013.

Favicon may not showing immediately?
Well, usually it takes few hits for the new icon to refresh. Try clearing your browser cache, IISReset if favicon is still not updated.

To change favicon for SharePoint 2007 and SharePoint 2010, refer my another article: Set favicon for MOSS 2007, SharePoint 2010 sites

You might also like:
SharePoint Usage Reports
Usage reports, collaboration and audit for SharePoint.
Document SharePoint Farm
Automatically generate SharePoint documentation.

Check out these SharePoint products:

No comments :

Post a Comment

Please Login and comment to get your questions answered!

You might also like:

Related Posts Plugin for WordPress, Blogger...