How to Make a Custom Favicon for Your Brand Website

Learn how to design favicons that work across browsers. Get step-by-step tips, recommended sizes, file formats, and best practices.

ZD Blog

New blog post: This blog got a new favicon thanks to the Small Web

Thanks to the magic of the Small Web, a stranger I'd never met handcrafted a new favicon for this blog.

https://sergiswriting.com/new-favicon-small-web/

#blog #blogPost #favicon

Sergi's writing

Blog of Sergi Pons Freixes

RealFaviconGenerator: generare Favicon perfette per iOS, Android e Desktop

generatore di Favicon

Web Apps Magazine

Если кто-то хочет наркомании:

В #nginx при желании можно запиздячить html прямо в конфиг самого nginx.
Но это цветочки, я решил упороться посильнее (просто в теории, нигде реально не применяю) и запиздячить #favicon прямо в конфиг nginx.
Выглядит так:

set $favicon "data:image/x-icon;base64,AAABAAEAEBAAAAAA..."; location = /favicon.ico { default_type image/x-icon; return 200 $favicon; }

Естественно base64 своей фавиконки подставляйте сами (и осторожно, есть предел длинны строки), и оно блять работает!

Делать так конечно же не стоит, но знать что так можно стоит.

Скелетор удаляется, но чтобы вернуться 😜

I've seen countless Mastodon instances with the default icon. How feasible it is to replace it with an original one?

#mastodon #fediverse #favicon

Ich habe versucht, das Favicon meines Blogs zu ändern, aber das Ergebnis sah in kleinen Auflösungen einfach nicht gut aus. Ich möchte aber ein neues, nicht langweiliges Favicon für mein Blog. Hat irgendjemand Ideen für ein Favicon, das zu meinem Blog passen könnte? Idealerweise eins, das sich halbwegs gut als SVG umsetzen lässt?

https://blog.strangerthanusual.de/blogposts/katzensilhouette

#blog #favicon

Katzensilhouette

Ich möchte ein neues Favicon. Aber ein Versuch, eine Silhouette unseres verstorbenen Katers dafür zu verwenden, hat mich nicht zufriedengestellt.

Stranger Than Usual

Need favicons for a project? Most generators either watermark the output or require an account.

Built a free one: upload an image OR type a letter/emoji, pick a color, get all sizes (16x16 → 512x512) as a ZIP download.

Runs in your browser. No uploads, no signups.

https://devbrew.org/favicon-generator.html

#webdev #favicon #devtools #foss

Favicon Generator Online Free — DevBrew

Generate favicons from images, text, or emoji. Download favicon.ico + PNG favicons (16x16 to 512x512) as a ZIP. Free, private — runs entirely in your browser.

DevBrew

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