利用微信小程序制作属于自己的Icon图标

最近在接手一个微信小程序，发现里面的图标都是使用的组件，看起来非常别扭，加载也不太顺畅。

就想着看看微信有没有类似自带的图标库可以使用。

有是有，就是太少了，翻来翻去好像也就 8 种，不太够用啊。

官方没有就只能自己做了，还是阿里的好使，首先你得有的账。

点击右上角倒数第三个图标进入购物车，然后将购物车添加到我们的项目中，没有项目可以自行创建。

进入到我的项目可以看到我们刚刚加入的图标，我的项目在最上方的资源管理 &; 我的项目。

解压后你会看到如下文件

进入网站： ，找到文件中的 . 字体文件，将字体文件转换为 64。

记得开启第2步的 64 。

下载并解压后你将会获得如下的文件

同时打开第 4 步下载解压的 .文件和第 5 步，下载解压的.文件。

我们先看.文件，红圈中的代码直接删除

再打开.文件，将红圈中的代码到.文件中去

给.重命名为 .，并放到微信小程序项目中去，注意：后缀必须是

在.中导入我们的 .，我们生成的 图标就可以在项目中使用了。

至此，我们自定义的图标就制作完成了

到此这篇关于利用微信小程序制作属于自己的图标的文章就介绍到这了,更多相关微信小程序 图标内容请搜索脚本之家以前的文章或继续浏览下面的希望大家以后多多支持脚本之家！

您可能感兴趣的文章:微信小程序 如何引入外部字体库的图标微信小程序中使用自定义图标（阿里）的方法微信小程序引用图标的方法在微信小程序中使用的最新图文教程