``` 当然你同样也可以通过 `FaIcon` 组件使用它。 ```vue ``` 在使用 Unocss 图标时，需要注意以下两点： * 图标字符串不支持拼接 ```vue ``` * 图标字符串不支持异步返回 ```vue ``` 如果确实有以上需求，你可以使用 Iconify 原生提供的方案。 ### Iconify 原生方案 ::: tip 说明框架保留了 Iconify 官方提供的使用方式，格式为 `{集合名}:{图标名}` 。 ::: ```vue ``` 当然这么使用并没有很方便，依旧还是需要手动导入一个 Icon 组件。如果你也觉得麻烦的话，那么你可以使用 `FaIcon` 组件来展示，框架已经帮你做好的所有处理。 ```vue ``` ### 离线/内网环境使用 ::: tip 说明优先推荐使用 Unocss 方案，它不受网络环境限制，且相对于 Iconify 原生方案，它的性能更好。 ::: 如果你清楚自己需要使用 Iconify 原生方案，并且想要在离线/内网环境使用，需要做一些额外的配置。因为 Iconify 图标默认是提供在线的服务，即首次调用会触发一个外部网络请求去获取 svg 原始数据，并缓存在 localStorage 和 sessionStorage 中，这样下次再调用的时候，则直接从缓存中获取并展示。框架提供了一份解决方案，在命令行执行 `pnpm run -F generate:icons` ，按照指引选择你需要用到的图标集（此处选择的图标集也是图标选择器里展示的图标集），并选择使用方式为离线。这样再在框架中使用这些图标，就不会触发外部网络请求了，但如果使用选择之外的图标，依旧还是会触发外部网络请求。