Les favicons SVG semblent être de mieux en mieux supportées.

🔗 https://pawelgrzybek.com/svg-favicons-that-respect-theme-preference/

#favicon #SVG

SVG favicons that respect theme preference | pawelgrzybek.com

Less of guide about the favicons and more a bug report of Safari that at the moment ignores media query user preferences in SVG favicons.

pawelgrzybek.com

It is 2026 and I’m ready to adopt a single SVG file for the favicon. The cool thing is that you can make your favicon respect user theme preferences. It has been blogged about many times before.

by @argyleink:
https://web.dev/articles/building/an-adaptive-favicon

by @tomayac:
https://blog.tomayac.com/2019/09/21/prefers-color-scheme-in-svg-favicons-for-dark-mode-icons/

…but. This is still not working in Safari. Safari ignores user preference overrides inside the SVG styles. Is there an open issue for this on @jensimmons, or do you want me to make one?

#favicon #frontend

Favicon.io, a handy online tool for generating a favicon. Thanks, John Sorrentino! 🙏

Link to Favicon.io website: https://favicon.io/

#favicon #website

Favicon.io - The Ultimate Favicon Generator (Free)

With Favicon.io you can quickly generate a favicon for your website for free!

Forgot to attach the #GrafX2 screenshot, lol

#favicon #dragon

Nice! With #GrafX2 and my pfp I finally have a custom favicon. Also fixed the default picture for link preview, if there is no header's picture for the linked post  Like this:

https://eugene-andrienko.com/about.html

#favicon #OpenGraph

About

Dragon’s cave with posts about IT, photography, bicycles and different DIY.

Eugene Andrienko

Un #favicon bien hecho dice más de tu #web de lo que parece 👀

Este generador de favicons online prepara tamaños, formatos y hasta el código listo para añadirlo.

➡️ https://www.softandapps.info/2026/02/03/generador-de-favicons-online-que-evita-dolores-de-cabeza-al-adaptar-iconos/

Generador de favicons online que evita dolores de cabeza al adaptar iconos

Generador de favicons online que permite crear iconos adaptados a distintas plataformas desde una sola imagen y obtener el código.

Soft & Apps

LF / Hiring: Looking for a designer to help me redo the favicons for my website.

#GetFediHired #MastoArt #GraphicDesign #Favicon

How to Favicon in 2026: Three files that fit most needs—Martian Chronicles, Evil Martians’ team blog

"For the browser using HTML:

<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png"><!-- 180×180 -->"

https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs

#favicon #webdev
How to Favicon in 2026: Three files that fit most needs—Martian Chronicles, Evil Martians’ team blog

Prefer SVG over PNG, trust browsers to downscale, drop obscure formats—the ultimate, exhaustive guide to favicons for modern web. Includes steps for static HTML and Webpack.

evilmartians.com
I love the raspberry pi logo and it makes a tremendous favicon #favicon
How to Favicon in 2026: Three files that fit most needs—Martian Chronicles, Evil Martians’ team blog

Prefer SVG over PNG, trust browsers to downscale, drop obscure formats—the ultimate, exhaustive guide to favicons for modern web. Includes steps for static HTML and Webpack.

evilmartians.com