Change Favicon for SP 2013

-
Hi guys,

Favicon, Sometimes user come across some websites which shows logo instead of explorer logo in Address bar. A typical example is Google, login to Google with IE and watch address bar. You can see Google logo then the URL. This icon is stored in the PC when we add the sites as bookmarks. When you open bookmarks menu the site name will show with the icon.

SharePoint 2013 comes with a blue Favicon FAVICON and it's resides in SharePoint Root Folder\Template\Images [C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\15\TEMPLATE\IMAGES\].

Create your own Favicon?
It's very simple to create favicon. All you need is the company logo or image(in JPG/PNG/GIF format) which you want to create based on and internet connection. Open browser and enter http://tools.dynamicdrive.com/favicon/ . Then click Choose File Button and select your image. Click Create Icon Button. Now the site will create favicon based on image given and it's ready to download. Download and save it in your PC.

How to set Favicon site?

There are two possible ways to set the favicon:

1) (Not Recommended)Change the default SharePoint Favicon:

Open this folder(C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\15\TEMPLATE\IMAGES\) and search for favicon.ico and rename the file to FaviconBackup.ico. Now copy your favicon to this folder and make sure it's named as "favicon.ico". Now restart IIS(open Command Prompt -> IISReset), clear browser cache/temporary internet files. Close the browser and reopen then browse the SharePoint site.

2) In SharePoint Designer or any other editing tool open your site Master Pages or if you are using default oslo.master, then select the master page that will show the new favicon. Now click “Edit File” link to add the favicon code. If it asks for check out, click yes and continue.
Find <SharePoint:SPShortcutIcon ID="SPShortcutIcon1" runat="server" IconUrl="/_layouts/images/favicon.ico"/>and change the name of the favicon. Save and close (If you have checked out then you need to check in and site collection administrator has to approve it via Site Settings -> Galleries -> Master pages and page layouts -> Check in and Approve). Now reset IIS/clear browser cache and check.

Cheers !!

Comments

  1. Suresh PydiJune 11, 2013 at 10:17 PM

    Nice post. Here is one more post to change favicon image in SharePoint 2013
    http://sureshpydi.blogspot.in/2013/06/change-favicon-image-in-sharepoint-2013.html

    ReplyDelete
  2. ThijsJuly 29, 2013 at 8:10 AM

    Thank you, it worked

    ReplyDelete
  3. Change the favicon in SharePoint 2013 | JonoooSeptember 9, 2013 at 3:33 PM

    […] source -> http://mohitvash.wordpress.com/2013/05/29/change-favicon-for-sp-2013/ […]

    ReplyDelete
  4. Leonardo Michelin-SalomonSeptember 18, 2013 at 12:44 AM

    Hi!
    I've tried Your solution, but it only changes the icon when I log in to "contosocom-my.sharepoint.com/" But as soon as I choose either team site, or my Public site (contosocom-public.sharepoint.com) it goes back to the standard SP icon...

    I haven't changed the icon itself because SharePoint designer 2013 doesn't see any files in the image folder so I can't find it.

    So I went with editing the master pages. I even uploaded the Picture to a Public folder and wrote the full adress: "http://www.contoso.com/images/favicon.ico". Still the same results...

    What should I do?

    ReplyDelete
  5. Leonardo Michelin-SalomonSeptember 18, 2013 at 12:45 AM

    This is SP online, E3 by the way.

    ReplyDelete
  6. mohitvashSeptember 19, 2013 at 1:15 AM

    Hi Leonardo,

    After reading your case, I can suggest you few options which you can check:
    1) Make sure you have updated all the master pages of the site. If you are using separate master page for your public site then you have to change master page for same.
    2) It does not matter what address you are using for FavIcon, provided that image address works.
    3) Also check on other browsers sometimes it happens that favIcon is displaying in one browser but it not working on other.

    Hope my points will be helpful to you. Please revert if it solves your problem.

    ReplyDelete
  7. Change the favicon in SharePoint 2013 | My BlogOctober 9, 2013 at 3:14 PM

    […] source -> http://mohitvash.wordpress.com/2013/05/29/change-favicon-for-sp-2013/ […]

    ReplyDelete
  8. More SharePoint 2013 Setup Tidbits | CrashcarrMarch 10, 2014 at 3:26 PM

    […] SharePoint’s favicon settings are a little different than setting them for a regular website. Mohitvash has a nice blog post pointing to the location of the favicon and how to make the setting changes in the SharePoint […]

    ReplyDelete
  9. mdevangmAugust 10, 2018 at 8:51 AM

    Excellent article and help, appreciated. I do see that it replaced the SP blue icon on the tab but when i created a shortcut to desktop, it does not show me the updated icon rather blue SP icon. Any suggestions to fix this?

    ReplyDelete

Post a Comment

Popular posts from this blog

Hide Ribbon on SharePoint 2013 using CSS

-
Hi Guys, I recently experienced the migration from SharePoint 2010 to 2013. I was earlier hiding Ribbon using the SPSecurityTrimmedControl and CSS. But in SP 2013 MS has divided whole ribbon in two section: s4-ribbonrow and suiteBar Hiding the ribbon is as much as easier as it was in 2010 version. But here we just need to take care of above two mentioned sections. I have gone thorough some of the blogs where people are saying that we have change the html file(Seattle.html or oslo.html) and design manger will take care of creating master page for you (ref: Hide Ribbon ). But there is another traditional way of doing same, follow the given steps: 1) Open the master page file in the SharePoint designer. 2) Add the style tag to hide the ribbon for all the user: #s4-ribbonrow, #suiteBar { display : none; } 3) Now we have to do some more changes so that at least system account can access the ribbon. Find out the <div id="s4-ribbonrow"> tag. 4) Insert the following code insi
Read more

Get Comment Count in SharePoint

-
Hi Guys, In this blog I will explain how we can get the number of comments on any page/article. Prerequisites for this blog are: a list with rating enabled, an article/page/splistItem already have got comments from users and a tool like VS to code ;) According to requirement it may be the case that one need to get item comment count using java script or c#. I will explain both way to get the comment count: Using Javascript: This may be the case when one want to use the content search webpart or CQWP to display comment count. Followng code can be use to get the comment Count: var linkURL = $getItemValue(ctx, "Link URL"); linkURL.overrideValueRenderer($urlHtmlEncode); // Get the Comments count var soapEnv = "<soap:Envelope xmlns:xsi='http://www.w3.org/2001/XMLSchema-instance' xmlns:xsd='http://www.w3.org/2001/XMLSchema' xmlns:soap='http://schemas.xmlsoap.org/soap/envelope/'> \ <soap:Body>    \ <CountCommentsOnUrl xmlns='http://mi
Read more

Configure external site as content sources in sharepoint search

-
Image
Hi, In my previous post( Creating and configuring Search service application ) I explained how to configure the search service application and its configuration. We can also search the external sites content using the SharePoint search just by creating new content source. Follow the given steps to create the new content source for external site. To get to the Manage Content Sources page Verify that the user account that is performing this procedure is a service application administrator for the Search service application. On the Home page of the SharePoint Central Administration Web site, in the Application Management section, click Manage service applications . On the Manage Service Applications page, click Search Service Application . On the Search Administration Page, in the Crawling section, click Content Sources .                     After clicking on the link you will be redirected to the page where all the available content sources are displayed.                    To
Read more