在uniapp中如何自定义一个图标
在uni-icons 已经收录了日常开发中常用的图标 ，但是因为体积问题 ，不可能一直无限添加新图标 ，所以uni-icons 也提供了扩展的方法。
<uni-icons custom-prefix="custom-icon" type="icon-youxi" size="30"></uni-icons>
- 首先我是在阿里巴巴里下载的，先将我们心意的图标加入购物车
- 加入购物车后，购物车会多一个角标的提示，然后点击购物车的按钮
- 点击添加项目，如果没有项目的话就创建一个，有项目的话然后就地那几确定，它就会加到我们的项目中。
- 击项目设置项目名称和项目描述根据自己需求填写，
fontClass是图标的前缀 ，需要传入组件type属性，fontFamily是图标集名称，需要传入组件custom-prefix属性，字体格式可以只勾选ttf:点
然后
- 然后填写完毕后点击保存，返回到刚才的页面，就点击下载到本地
- 下载的是一个压缩文件，将 iconfont.ttf、iconfont.css 放到项目根目录 static 下。
- 打开
iconfont.css,修改@font-face如下,注意 src 字体文件的引用路径是否正确：
- 然后我们在页面上style中引用就可以使用了这个图标了，图标格式还是和组件内的一样，我们只需要修改它的type类型的名字就ok了
<!-- 自定义图标 -->
<style>
@import "@/static/iconfont.css";
</style>
<!-- 自定义的图标 -->
<uni-icons type="icon-xiaolian" size="18" color="#B9C2CE"></uni-icons>
提示：在我的自定义图标中type是icon-xiaolian文件的css是这个样子，我上面下载过来的是其他的图标文件，只不过里面有直接引入的路径地址，给大家演示步骤的时候比较典型。
然后还有就是图标它可能会变成一个方块，我在项目中遇到过这个问题，于是我把标签内带有custom-prefix="custom-icon"的这个属性给删掉了，它也就恢复到原本的样式了。不知道什么原因但是这也算是一个解决办法。
