【干货#002】小程序开发最佳图标库:阿里图标库

概述

为了提高小程序的颜值，你是不是还在苦苦搜索漂亮的图标或自己撸呢？今天我们介绍一个来自阿里妈妈的神奇图标库网站，从此妈妈再也不用担心小程序图标了。

iconfont+(http://www.iconfont.cn，阅读原文可进入)是阿里妈妈MUX倾力打造的图标管理和交流平台，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。

使用

下面以上述小程序底部标签栏图标的选用来介绍iconfont+图标库的使用方法。

1.确定选中和未选中图标的颜色，如选中图标为深灰色(#2c2c2c)，未选中图标为浅灰色(#999999)。

2.以首页图标为例，打开iconfont+网站，在搜索框中输入home(支持中英文)。

3.选中要下载的图标，选择下载。

4.在弹出的下载框中，在颜色输入框中输入颜色(#999999)，则图标变为该颜色，然后选择PNG下载。

5.将下载的图标放到相应的小程序项目文件夹，并在app.json中进行设置。

这就完成标签栏切换图标的设置，是不是很方便呢？这要感谢下阿里妈妈的开发者给我们免费提供这么好的工具。

有什么问题，欢迎大家留言讨论交流。

更多实战干货，可查看：

小程序页面滚动实现广告条隐藏

细解小程序自适应单位rpx

小程序实现地址自动解析和导航

小程序"页面滚动"与"滚动视图区域"区别

小程序使用有赞ZanUI

更多常见错误，可查看：

解决 Page[pages/XXX/XXX] not found错误

解决"Failed to load image"错误

关注晓程序干货店，分享小程序开发干货知识