先看效果图：

以上的UI并不需要美工，程序员自己就能实现。具体步骤如下：

1、找现成的图标去这里：https://icomoon.io/

2、点击Generage Font F

3、下载font文件，下载后解压成icomoon文件夹，找到/fonts/icomoon.ttf，接下来要用到它；

4、生成 @font-face去这里：https://transfonter.org

第一步Add fonts时，选择/fonts/icomoon.ttf

第二步打开Base64开关；

第三步点击转换；

第四步下载生成的文件；

5、将在icomoon生成的文件style.css和在transfonter生成的文件stylesheet.css中的内容编辑合并，生成小程序中的一个wxss文件：

6、在其他wxss里引用该icon.wxss文件：

@import "./icon.wxss";

7、在wxml里的用法：

<icon class="ico icon-chevron-right" />

8、结束。