I have a crated a 100% custom branded community and the only missing element is the favicon. I set the Favorite Icon in the force.com setting of the community and also tried <link rel="shortcut icon" href="{!URLFOR($Resource.Favicon)}" type="image/x-icon" /> but neither load the icon that I am wanting.
How can I replace the cloud?
We did this, and the favicon used by the site config page in salesforce works for both public and secure URLs...nothing extra to do there.
I didn't add the favicon on the site template.
I'd suggest giving it a few days. Is your site new, or just the favicon?
For the Favicon to work, I had to upload my image to the orgs assets library: Under Branding>"Select an image to generate a palette" :
Only then was I able to reference my icon, which I had to upload as a 16x16 png image.
Finally, I was able to reference it using the file-asset's relative path as follows:
Notice that the icon name when I reference it has a versioning appended to it,
<link rel="icon" href="/file-asset/coveofavicon?v=1" type="image/png" />
You can use your browsers dev tools to identify the relative path for your community assets, for reference purposes, here is another link provided that helped resolve this:
<link rel="icon" href="/sfsites/c/file-asset/Favicon_FileName?v=1" type="image/png" />
I did not find this documented anywhere =(, hope this helps other people.
This will change some of your community stylings, since it will detect the colors your image/favicon uses, however, this is easily reversible by re-selecting the original colors you had under the branding option.
Best Answer
Even I had the similar issue related to Favicon in my Community(Napili template) and I have fixed it. Credit goes to @glls. Here is the link to my question: Favicon is not working outside of the Community