小程序原生提供的icon非常有限,大多数情况都需要我们自定义实现。
通常我们会去阿里巴巴的iconfont.cn网站下载自己需要的icon,然后放入小程序中使用。如果找不到满意的,也可以自己绘制svg文件。
从iconfont下载选择图标,加入项目
content填上图标的unicode编码。这个编码在网站页面上可以看到。
红色是我们设置的color,可以设置。
如果我们对找到的图标都不满意,可以自己设计一个。
推荐一个网站【在线PS软件】在线PS图片(照片)处理工具_在线制作编辑图片ps精简版 (uupoop.com)
不需要安装photoshop,直接在线编辑,完全免费。
比如上面的hide图片。
编辑svg图片将上面的hide图片下载svg格式到本地。
然后在uupoop网站打开编辑。
然后下载新的svg
上传新的icon至iconfont网站
因为我们更新了icon,网站会要求我们重新生成下代码
重新复制代码到小程序中
看到新制作的图标已经显示出来了。