玖叶教程网

项目制作中，flutter自带的图标无法满足业务需求，需要引入第三方图标如阿里图标

(https://www.iconfont.cn)。

1 登录阿里图标网站，选择合适图标，点添加入库如下

2 下载已选定图标操作如下

3 解压下载的压缩包,会出现许多文件如下

4 复制出文件iconfont.ttf到flutter项目资源文件下

5 flutter 项目pubspec.yaml文件 配置iconfont.ttf 路径如下。注意fonts是flutter的子级。启动报错时候要检查pubspec.yaml文件，测试是要重新部署，图标才能生效。

6 iconfont.ttf 打开示乱码，如何在项目中引用图标呢？打开iconfont.json(请看图三)，可以看到每个图标的信息描述如下图，想引用图标只需复制unicode值，再配置到项目中代码如下，IconData左边第一个参数值需以0x开头再加上unicode值，fontFamily为pubspec.yaml文件中family的值要配对才能引图标。图标太小通过size指定值调节。

IconData(0xf0083, fontFamily: MyIcons);