在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

    有问题留言,共同探讨

你可能感兴趣的:(在uni-icons中加入自定义图标)