Oooo! A bonafide trick from Thomas Steiner. Chrome will soon be supporting SVG favicons (e.g. ). And you can embed CSS within an SVG with a <style> element. That CSS can use a prefers-color-scheme media query, and as a result, a favicon that supports dark mode! < pre rel=”HTML”> < svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"> <style> circle { fill: yellow; stroke: black; stro