In this post I want to share thinking on how to build an adaptive favicon with SVG. Try the demo. Browser tabs shown adapting to MacOS system light and dark theme changes. Try the Demo If you prefer video, here's a YouTube version of this post: Overview A custom favicon is a great way to polish a web project. It displays on desktop browser tabs, and also inside "save for later" readers, other blog
![Building an adaptive favicon | Articles | web.dev](https://cdn-ak-scissors.b.st-hatena.com/image/square/444e48a9f15ac219a2e71e0a95451b18bc0332f1/height=288;version=1;width=512/https%3A%2F%2Fweb.dev%2Fstatic%2Farticles%2Fbuilding%2Fan-adaptive-favicon%2Fimage%2Fthumbnail.png)