Hey @mad 👋 I am trying to implement favicon.svg with fallback to favicon.ico. Now I use this in “Items Header”: <link rel="icon" href="/favicon.ico" sizes="any"> <link rel="icon" href="/favicon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="manifest" href="/manifest.webmanifest"> if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } But it’s strange — on some page it works while on the other it shows default (hardcoded somwhere?) automad favicon — “black circle”. Can you please tell me how can I make it work? upd: I figured it out. Kinda. I’ve cleaned cache and cache folder but it doesn’t help — still the same default “black circle” favicon. But if I delete and recreate the page as new then favicon.svg starts to show just as expected. Strange. It looks like automad caches that old page somewhere else not only in “cache folder”. Is it a bug?

This is a splendid website! I"m extremely content with the remarks!. Glucofort

Glad to chat your blog, I seem to be forward to more reliable articles and I think we all wish to thank so many good articles, blog to share with us. Dentitox Pro

Great post I would like to thank you for the efforts you have made in writing this interesting and knowledgeable article. Apple TV Plus Free Trial

You actually make it look so easy with your performance but I find this matter to be actually something which I think I would never comprehend. It seems too complicated and extremely broad for me. I'm looking forward for your next post, I’ll try to get the hang of it! ESPN Plus Free Trial

I really appreciate the kind of topics you post here. Thanks for sharing us a great information that is actually helpful. Good day! Numerologist.com Review

Superbly written article, if only all bloggers offered the same content as you, the internet would be a far better place.. Moqups

Really impressive post. I read it whole and going to share it with my social circules. I enjoyed your article and planning to rewrite it on my own blog. HSV Eraser

This is a great post. I like this topic.This site has lots of advantage.I found many interesting things from this site. It helps me in many ways.Thanks for posting this again. Profile Mate

Your blog provided us with valuable information to work with. Each & every tips of your post are awesome. Thanks a lot for sharing. Keep blogging, NordVPN Review

How to use SVG favicon?

Gizmo

Hey @mad 👋
I am trying to implement favicon.svg with fallback to favicon.ico.
Now I use this in “Items Header”:

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/manifest.webmanifest">

But it’s strange — on some page it works while on the other it shows default (hardcoded somwhere?) automad favicon — “black circle”.
Can you please tell me how can I make it work?

upd: I figured it out. Kinda. I’ve cleaned cache and cache folder but it doesn’t help — still the same default “black circle” favicon. But if I delete and recreate the page as new then favicon.svg starts to show just as expected. Strange. It looks like automad caches that old page somewhere else not only in “cache folder”. Is it a bug?

mad

Gizmo Hi, it could also be the browser cache. Favicons can sometimes be a bit sticky.