Flutter开发之——Icon图标，你会的还只有初级安卓工程师的技术吗

在字体文件中，每一个字符都对应一个位码，而每一个位码对应一个显示字形，不同的字体就是指字形不同，即字符对应的字形是不同的。而在iconfont中，只是将位码对应的字形做成了图标，所以不同的字符最终就会渲染成不同的图标

2.2 icon与Image相比的优势

1. 体积小：可以减小安装包大小。

2. 矢量的：iconfont都是矢量图标，放大不会影响其清晰度。

3. 可以应用文本样式：可以像文本一样改变字体图标的颜色、大小对齐等。

4. 可以通过TextSpan和文本混用。

三 Icon如何使用

---

3.1 使用Material Design字体图标

Flutter默认包含了一套Material Design的字体图标，在pubspec.yaml文件中的配置如下

flutter:

uses-material-design: true

3.2 Icon单独作为图标使用

Icon(Icons.favorite, color: Colors.pink, size: 24.0, semanticLabel: ‘Text to announce in accessibility modes’,),

Icon(Icons.audiotrack, color: Colors.green, size