Cannot form a correct IconUrl in Html master page

Question

We are using SharePoin 2016 on-premise.

I have uploaded our custom favicon to site assets at Url: https://sharepoint.com/sites/abc/SiteAssets/images/Logo48x48.png

In my HTML master page I added this line:

<!--SPM:<SharePoint:SPShortcutIcon runat="server" IconUrl="~sitecollection/SiteAssets/images/Logo48x48.png"/>-->

And end up in the SharePoint page it is requesting for: https://sharepoint.com/sites/pm/~sitecollection/SiteAssets/images/Logo48x48.png?rev=40

Yes, ~sitecollection become part of URL string. I have tried many different combination and all rendered to different funny result. Could you give me a working example for SharePoint 2016?

Answer 1

First try adding Full/Absolute URL of icon as below:

<SharePoint:SPShortcutIcon runat="server" IconUrl="https://sharepoint.com/sites/abc/SiteAssets/images/Logo48x48.png" />

If it is working then try adding relative URL like this (If icon is stored on top level site: https://sharepoint.com):

<SharePoint:SPShortcutIcon runat="server" IconUrl="/SiteAssets/images/Logo48x48.png" />

Or you can store this icon file in /_layouts/15/images folder where the original/default favicon is stored and use it like:

<SharePoint:SPShortcutIcon runat="server" IconUrl="/_layouts/15/images/Logo48x48.png" />

Or you can store this icon file in master page gallery and use it like:

<SharePoint:SPShortcutIcon runat="server" IconUrl="/_catalogs/masterpage/images/Logo48x48.png" />