3 ms·
I was looking into the same issue and learned that modern browsers now also support SVG images for favicons. So far, this is what I've come up with - <link
by simonpure 6y ago
I was looking into the same issue and learned that modern browsers now also support SVG images for favicons.
So far, this is what I've come up with -
<link rel="icon" href="data:image/svg+xml,%3csvg%3e %3c/svg%3e">
- billti 6y agoInteresting solution! It shows at the "no favicon" image on the page tab (the dog-eared page icon) in the latest Chrome/Edge for me, not as a blank/clear icon. (I get that same result when I used GIFs that were invalid).
- simonpure 6y agoThanks for letting me know. I probably have to tweak it a bit to make sure it's valid in all browsers. While researching, I've found some fun things people have been doing using text and emojis in SVGs [0] [0] https://lean8086.com/articles/using-an-emoji-as-favicon-with-svg/ https://lean8086.com/articles/using-an-emoji-as-favicon-with... [1] https://css-tricks.com/emojis-as-favicons/ https://css-tricks.com/emojis-as-favicons/