Customise Favicon

I’m trying to have complete control of the favicon on my site.

I have the publication set up, but for the favicon, I want to be able to control this myself.

I generated a few images, and I have the following code in my theme:

<link rel="apple-touch-icon" sizes="180x180" href="{{asset "images/apple-touch-icon.png"}}">
<link rel="icon" type="image/png" sizes="32x32" href="{{asset "images/favicon-32x32.png"}}">
<link rel="icon" type="image/png" sizes="16x16" href="{{asset "images/favicon-16x16.png"}}">
<link rel="icon" type="image/x-icon" href="{{asset "images/favicon.ico"}}">

However, it seems that no mattger what I do, the href value for the “image/x-icon” image is always replaced with the URL to the publication icon.

Is this something that I can disable?

1 Like

@chrishannah did you get an answer to this question?
I need to use a .svg so that I can change the favicon for dark mode but it does not work for me