在Flutter默認創建的項目中可以使用系統Material圖標，在pubspec.yaml文件中使用圖標設置如下：
<code>flutter:
uses-material-design: true/<code>
系統圖標如下：
如果這裡面沒有我們想要的圖標如何處理呢？這時可以使用第三方圖標庫，下面以阿里巴巴的圖標庫為例。
查找圖標並加入購物車
找到自己想要的圖標後，將鼠標放置到圖標上，加入購物車，如下圖：
點擊右上角的購物車，然後點擊添加至項目，如下圖：
如果沒有添加過項目，需要創建一個新項目，如下圖：
創建好後加入此項目，跳轉到我的項目頁面，點擊下載，如下圖：
解壓下載的文件，解壓出來的文件有好幾個，如下圖：
選擇iconfont.ttf文件拷貝到Flutter項目的assets/fonts目錄下，assets/fonts目錄默認是沒有的，需要手動創建，在pubspec.yaml設置如下：
千萬注意紅框內開頭的空格問題，否則編譯不通過，family後面跟的字符串最好有意義，後面用圖標的時候需要用到。
用法如下：
<code>Icon(IconData(0xe613,fontFamily: 'appIconFonts')/<code>
0xe613在下載圖標時已經標註，將替換為0，如下圖：
fontFamily是在pubspec.yaml中設置的family屬性，第三方的圖標和系統圖標一樣，可以設置其顏色和大小。
分享到:
閱讀更多 程序員諸葛 的文章
