前端開發如何快速找到自己想要的小圖標 icon


一、前言
在前端開發中,經常會遇到各種 UI 層的小圖標;一般情況下會有專門的 UI 設計將 psd 或者圖片資源發給前端工程師,但在沒有 UI 的情況下,如何快速的找到自己想要的小圖標呢?

二、步驟
1. 打開 https://www.iconfont.cn/ (阿里巴巴矢量圖標庫);

2. 假設想要一個搜索圖標,在下方搜索框中輸入搜索,點擊搜索框下面的按鈕即可;

 

3. 如圖可以看到各式各樣的搜索圖標;

 

4. 將鼠標懸停在中意的搜索圖標上面出現如下圖,點擊下載即可;

 

5. 點擊下載之后會出現登錄頁面;

 

6. 選擇一種登錄方式,登錄即可;

7. 再點擊一下下載按鈕,出現如下圖,選擇顏色和尺寸,點擊 “PNG下載”;

 

三、小技巧
如果你想要向左向右的成對箭頭圖標;在搜索框搜“向左” ,下載好你想要的向左圖標后,不用再搜索向右圖標,一來麻煩,二來很難找到對稱的圖標,只需要把向左的小圖標用任何圖片工具打開,向右旋轉90°即可。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM