iconfont網站 http://www.iconfont.cn（推薦） http://fontello.com/ http://fontawesome.io/ https://icomoon.io/
最近的項目使用了圖標庫，使我對小小的圖標有了更深一步的認識。剛開始項目使用了fontawesome圖標庫，但由於很多跟UI設計的獨特圖標不一致，最終決定做一個本項目的專用圖標庫。一段時間內兩個圖標庫會共存，以后逐步替換成自己的圖標庫。
在阿里iconfont上傳ui的svg圖建立了該項目的圖標專用庫。這個還是蠻好用的。http://www.iconfont.cn（推薦）
它可以上傳自己的圖標，可以收藏，可以建立項目，添加項目小組成員。
它有三種使用方法：
1.unicode碼
復制生成的代碼：@font-face {font-family: 'iconfontyyy'; src: url('iconfont.eot'); src: url('iconfont.eot?#iefix') format('embedded-opentype'), url('iconfont.woff') format('woff'), url('iconfont.ttf') format('truetype'), url('iconfont.svg#iconfontyyy') format('svg'); }
自定義樣式class名：.iconfontyyy{ font-family:"iconfontyyy" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
頁面結構：<i class="iconfontyyy">3</i>
2.font-class
編輯之后樣式自動生成：例如http://at.alicdn.com/t/font_9cd26v04g9pgy14i.css 注意，每次更新圖標的樣式后路徑都要重新替換一次,因為每次的修改生成的樣式的名字都是不一樣的
使用：a.復制並引入該css樣式鏈接，b.頁面結構：<i class="iconfontyyy icon-xxx"></i>， 加上該圖標的class名
3.symbol(svg圖，支持不同顏色，僅支持ie9+，渲染svg性能比png稍差)
編輯之后js自動生成：例如http://at.alicdn.com/t/font_1473319176_4914331.js注意，每次更新圖標的后路徑都要重新替換一次
使用：a.復制並引入該js鏈接
b.通用的css代碼：例如.icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }
c.頁面結構：<svg class="icon" aria-hidden="true"> <use xlink:href="#icon-xxx"></use> </svg>
