一、前言
在前端開發中,經常會遇到各種 UI 層的小圖標;一般情況下會有專門的 UI 設計將 psd 或者圖片資源發給前端工程師,但在沒有 UI 的情況下,如何快速的找到自己想要的小圖標呢?
二、步驟
1. 打開 https://www.iconfont.cn/ (阿里巴巴矢量圖標庫);
2. 假設想要一個搜索圖標,在下方搜索框中輸入搜索,點擊搜索框下面的按鈕即可;
3. 如圖可以看到各式各樣的搜索圖標;
4. 將鼠標懸停在中意的搜索圖標上面出現如下圖,點擊下載即可;
5. 點擊下載之后會出現登錄頁面;
6. 選擇一種登錄方式,登錄即可;
7. 再點擊一下下載按鈕,出現如下圖,選擇顏色和尺寸,點擊 “PNG下載”;
三、小技巧
如果你想要向左向右的成對箭頭圖標;在搜索框搜“向左” ,下載好你想要的向左圖標后,不用再搜索向右圖標,一來麻煩,二來很難找到對稱的圖標,只需要把向左的小圖標用任何圖片工具打開,向右旋轉90°即可。