Chrome 80 将支持 SVG favicon 图标

出现在网站页面标题左侧的微小图标，行业内称为 favicon 或网站图标，Google Chrome 从 80 版本起将开始支持 favicon 的 SVG 图像格式，目前的金丝雀每日测试版本已经包含该特性，而 Firefox 支持它已经有 4 年了。

Google 在 Chrome 中添加对 favicon 的 SVG 支持并不容易，因为 Chromium 员工在相关的 bug 报告帖子中表示这难以实施，这是因为 Chrome 的 SVG 代码已高度集成到核心渲染引擎中，因此，这需要调整整个渲染器。

相比之下，微软的 Internet Explorer 和 Edge 尚不支持 SVG 图标，Firefox 目前是唯一支持该图标的浏览器，Chrome 的跟进意味着其他基于 Chromium 的浏览器（如 Vivaldi，Opera，Brave 和新版 Microsoft Edge）也会同时支持 SVG 作为 favicon。

现在，您可以使用 “ prefers-color-scheme” 来设置 SVG 图标的样式，为了外观上能够与主题统一，Chrome 还会在启用黑暗模式时将图标显示为黑色，而在浅色模式下将图标显示为黄色。

要测试浏览器是否支持 SVG 网站图标，请在浏览器地址栏中访问该测试站点，如果您在选项卡中或在网站图标的位置看到笑脸，那么浏览器支持该功能（如果您看到悲伤的笑脸），如若没有图标则说明该浏览器不支持该功能。