首先获取阿里图标库Symbol链接并嵌入HTML的head标签，再通过iconfont类名插入图标，最后可选择下载本地字体文件并引入CSS以实现离线使用。
如果您在使用阿里图标库时无法正确显示图标或配置项目，可能是由于未正确引入或配置 Symbol 代码。以下是解决此问题的步骤：
本文运行环境：MacBook Pro，macOS Sonoma
一、获取图标库的Symbol代码
在使用阿里图标库之前，需要先将所需图标添加至项目并生成Symbol格式的代码链接。
1、登录阿里图标库官网，进入“我的项目”页面。
2、选择需要配置的图标项目，点击“Symbol”选项卡。
3、复制提供的Symbol链接地址，该链接将以 https://at.alicdn.com/t/... 格式呈现。
二、引入Symbol链接到网页
将复制的Symbol链接嵌入网页的HTML文件中，以确保图标资源可被加载。
1、打开需要使用图标的HTML文件，在 标签内添加如下代码：
2、保存文件并刷新页面，确认脚本已成功加载。
三、使用图标组件调用图标
通过定义好的图标名称，使用自定义标签方式在页面中插入图标。
1、查找需要使用的图标的唯一标识名称（通常为 icon- 开头的类名）。
2、在HTML中使用 或 标签插入图标，例如：
3、确保页面中已正确渲染出对应图标。
四、配置本地字体文件替代在线引用
为避免网络延迟或外部资源不可用的问题，可将图标库下载至本地进行引用。
1、在项目页面点击“下载至本地”按钮，获取包含字体文件和CSS样式的压缩包。
2、解压后将文件夹放入项目的静态资源目录（如 assets/fonts）。
3、修改本地CSS文件中的路径指向正确的字体文件位置。
4、在HTML中引入本地的CSS文件而非在线Script链接：
css">
