如何制作专属于微信小程序的个性Icon图标？

本文共计711个文字，预计阅读时间需要3分钟。

前言：最近接触一个微信小程序，发现里面的图标都是使用的+image+组件，看起来非常别致，加载也很快。就想看看微信有没有自带类似的图标库可以使用。果然有，而且非常丰富。不过数量有点少，只有几十个。

前言

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

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

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

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

1、将你心仪的图标加入购物车

2、将图标添加至项目

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

3、我的项目

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

4、将项目下载至本地

解压后你会看到如下文件

5、将字体转换为base64

进入网站：transfonter.org/ ，找到文件中的 iconfont.ttf 字体文件，将字体文件转换为 base64。