Vue中使用icon库，IconPark（字节）

与阿里 IconFont 有什么区别？

1. IconFont图标数量非常丰富，支持用户侧上传图标及项目管理，IconPark是官方提供的规范化、统一化的高质量图标库，即前者侧重UGC，后者PGC
2. IconPark官方图标库2300+个图标均支持风格属性变换，可对图标大小、颜色、线框粗细等属性进行设置，填充/多色随意转换，可根据单一SVG变换生成多套主题（仅使用了1个SVG源文件哦），与IconFont相比IconPark给用户开放了更多的图标设置功能；
3. IconPark官方图标库，可以跨平台导出多种图标组件代码，包括React、Vue2、Vue3格式，尤其是在B端场景下，很方便前端同学使用

安装

npm install @icon-park/vue --save

引用图标
在组件的上方引用@icon-park/vue，并在组件的模板函数中使用:

<template>
<home theme