Written by David Kim — Frontend & WordPress Developer. I make websites look professional, starting with the favicon. More about me →
I noticed Chrome Canary added full SVG favicon support and immediately wanted dark mode switching. A favicon that stays bright white when the browser theme switches to dark looks wrong — like a flashlight in a dark room. SVG favicons solve this because you can embed a prefers-color-scheme media query directly in the SVG. Generate an SVG favicon with dark mode →
Unlike .ico files, SVG favicons are vector — sharp at any size, from a 16px browser tab to whatever resolution the future brings. Chrome, Firefox, Safari, and Edge all support them. Generate your SVG favicon →
Written by David Kim — Frontend & WordPress Developer. I make websites look professional, starting with the favicon. More about me →