在uni-icons中加入自定义图标

  1. 准备材料： svg图片，阿里巴巴矢量图标库，导入uni-icns

  2. 点击我的项目内新建项目


    image.png

  3. 新建完成后点击上传图标至项目，把svg传到阿里巴巴矢量图标库中


    image.png

  4. 点击我的项目=>font class=> css代码


    image.png

  5. 点击css代码后会跳到一个页面，把页面里的东西复制下来，新建一个css文件把复制的东西保存到里面


    image.png

  6. 在app.vue中引用css图标


    image.png
  7. 在项目中就可以使用了 (如果插件中用到了uni-icons，在插件中使用自定义图标同理)
    ！！！注意fontFamily要与下载iconfont.css内的font-family对应 ！！！
    image.png

    有问题留言，共同探讨
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容