1. 下载图标 阿里图标
2. 解压 将iconfont.ttf
放入lib\assets\icons内
解压下载的阿里图标
文件 我们只需要里面的iconfont.ttf
文件
将iconfont.ttf
文件放入lib\assets\icons内
3. 配置pubspec.yaml文件
# example: 下面引入的是阿里云图标 alIcons是iconfont.ttf图标家族的自定义名称
fonts:
- family: alIcons
fonts:
- asset: lib/assets/icons/iconfont.ttf
4 .页面上使用
使用方法一(Text使用法) \u
+ 阿里图标后4位
Text("\ue8d1", style: TextStyle(fontFamily: 'alIcons', color: Colors.white)),
使用方法二(Icon使用法) 0x
+ 阿里图标后4位
Icon(IconData(0xe8b9, fontFamily: 'alIcons'), color: Colors.grey)