The tiny icon that appears on the left side of the page’s title, known in the industry as favicon or the site icon, and Google Chrome will start supporting favicon’s SVG image format from version 80, which is already included in the current canary daily test version. Firefox has been supporting it for four years.
Adding SVG support for favicon to Chrome is not easy because Chromium employees said in related bug report posts that this is difficult to implement because Chrome’s SVG code is highly integrated into the core rendering engine, so this requires adjusting the entire renderer.
By contrast, Microsoft’s Internet Explorer and Edge don’t yet support the SVG icon, and Firefox is currently the only browser to support it, and Chrome’s follow-up means other Chromium-based browsers (such as Vivaldi, Opera, Opera, Brave and the new Microsoft Edge will also support SVG as a favicon.
You can now use “prefers-color-scheme” to style the SVG icon, and to look like it is consistent with the theme, Chrome also displays the icon in black when dark mode is enabled and yellow in light mode.
To test whether your browser supports SVG website icons, visit the test site in the browser address bar, and if you see a smiley face in a tab or in the location of the site icon, the browser supports the feature (if you see a sad smiley face), if you do not have an icon, the browser does not support the feature.