iconify 库的对低版本 google 浏览器的兼容性
iconify 是一种受欢迎的图标库，但在低版本的 google 浏览器中可能会遇到渲染问题。这篇文章探讨了使用 iconify 时遇到的特定兼容性问题并提供了潜在的解决方案。
背景：
在一个项目中使用 iconify 图标库时，开发人员遇到了低版本 google 浏览器中图标无法正常渲染的问题。相关代码如下：
当使用 data-icon="bx:edit" 时，图标在 google 浏览器 114 和 124124 版本中都可以正常渲染。但是，当使用 data-icon="material-symbols:add" 时，图标在 google 浏览器 114 版本中没有渲染，而在 124124 版本中可以正常渲染。
解决方案：
通过检查 iconify 官网，开发人员发现 material-symbols:add 图标是一个在线图标，而 bx:edit 图标是一个离线图标。在公司内网环境中，用户无法访问在线图标，因此导致 material-symbols:add 图标无法渲染。更换为离线图标后，问题得以解决。
总结：
iconify 库包含在线和离线图标。在线图标可能无法在所有浏览器版本中渲染，尤其是在内网环境中。通过识别图标类型并根据需要更改为离线图标，可以解决低版本 google 浏览器中的渲染问题。
