① 怎麼在網站上下載圖標
下載圖標
1
由於度娘限制，自己網路下載地址吧~
輸入「阿里巴巴矢量圖標庫」網路搜索第一位就是啦
2
打開網址，你可以選擇右上角的搜索，搜索自己要的圖標，例如美女
3
也可以選擇去圖標庫自行選擇想要的圖標
4
選擇圖標，點擊圖標變成橘色，即放在暫存架
5
再次點擊即可取消，或者在暫存架中滑鼠滑過圖標，圖標右上角有刪除小按鈕也可刪除選中
6
選擇好要用的圖標後，點擊暫存架的下載至本地，解壓待用
END
項目引用
1
打開解壓的文件夾中的demo.html
2
我們下載的圖標可看到了吧，按照demo的步驟，下面我們配置ionic的項目
3
靜態文件存放目錄，新建font文件夾用來存放字體文件（可自定義存放）
4
css使用font-face聲明字體
5
css定義使用iconfont的樣式
6
挑選相應圖標並獲取字體編碼，應用於頁面就可以顯示圖標啦
END
Tab及其他標簽引用圖標
1
大家發現，Ionic的圖標只要加個類似ion-happy ion-XXX的class就可以應用相應的圖標，那麼我們怎麼用阿里巴巴的矢量圖標呢，不要急也有辦法
打開直接解壓的圖標文件中的iconfont.css文件
2
將那些.icon-XXX:before{content:'XXXX'}也復制到你的css文件中去
看過ionic css文件源碼的童鞋，是不是看到這些有點熟悉呢
3
那就對啦，只要在class中加 iconfont icon-XXX就可以使用圖標了
如果P4P沒有用好的話，反而會影響到自然流量，建議系統學習一下P4P
《史上最全P4P系列課》
② 有什麼下載icon的網站
嗨，我是一周君。底下的整理了幾個圖標庫，希望對大家有所幫助！
◎ Noun Project - 百萬級別的高質量圖標平台，以黑白為主要顏色。提供兩種格式（SVG、PNG）下載，有付費和一般會員兩種方式，付費會員可以免標示作者，並支持在線改色。
◎ 阿里巴巴矢量圖標素材庫 - 國內最大的圖標平台，超過300萬圖標資源。支持中文搜索，直接點擊下載或批量下載，支持在線修改顏色，提供SVG、Ai、PNG三種格式。
◎ FLATICON - 同樣是百萬級別的圖標平台，風格較廣，包括黑白、彩色和線型圖標。部分付費會員可以下載。支持單個下載或添加至Collections，最後批量下載，提供多種格式（SVG、EPS、PNG、PSD）。
◎ Icons8 - 高質量免費圖標資源網站，超過7萬圖標，中文搜索支持。提供在線改色、添加文字或背景裝飾，四種下載格式（SVG、EPS、PNG、PDF）。下載或使用Icons8 App更方便。
◎ Human Pictogram2 - 日本設計師創立的網站，提供風格一致的火柴人圖標，三種格式（SVG、Ai、PNG）免費可商用。包含1000組主題人物，支持英文/日文搜索。
◎ unDraw - 插圖網站，出自同一設計師，風格一致。支持在線修改插圖色調，提供PNG和SVG兩種格式下載。
◎ illustrio - 提供免費圖標庫，在線調整顏色和風格樣式，提供SVG和PNG兩種格式下載。
◎ Share Icon - 高質量圖標素材網站，分類、風格或顏色篩選，支持SVG、EPS、PNG、PSD等格式下載。
◎ IconStore - 收錄成套圖標網站，通過Categories查找主題圖標，格式多為SVG、EPS等矢量文件。
◎ Instant Logo Search - 收錄各大品牌LOGO扁平化風格圖標，中文搜索，提供SVG、Ai、PNG三種格式，支持批量下載。
◎ iconninja - 超過70萬免費圖標資源網站，限定只找SVG矢量圖標。PNG圖標可按需求選擇合適大小下載。
◎ easyicon - 近60萬免費圖標資源網站，圖標風格參差不齊，支持中文搜索，下載PNG、ICO格式。
◎ Zondicons - 設計師Steve Schoger提供的高質量圖標合集，一鍵打包下載，風格適合產品介面設計。
◎ Maki Icons - 提供300多個高質量圖標打包下載，附設計指南，正確編輯修改圖標。
以上整理的圖標庫，希望能幫助到大家尋找所需的圖標資源。關注「一周進步」公眾號，獲取更多干貨和學習資源。感謝您的支持與鼓勵，點贊收藏不吝嗇！
③ 我最想私藏的是：這9個免費下載海量icon圖標的網站！
在運營工作中，我們常常需要在文章、海報或項目中使用圖標元素來增強視覺效果。然而，自帶的圖標庫往往數量有限，無法滿足創意需求。幸運的是，互聯網上存在多個免費下載海量圖標資源的網站，這些網站提供了豐富多樣的圖標，能夠幫助我們豐富設計內容，提升作品質量。接下來，我將分享9個我私藏的免費下載小圖標網站，它們各有特色，適合不同場景的應用。
1. iconfont.cn
阿里巴巴旗下的一站式圖標庫，提供多種可愛的小表情，非常適合添加到文章或設計中，讓作品更生動有趣。
2. easyicon.net
這是早期的圖標資源網站，提供了多種顏色的圖標選擇，只需輸入關鍵詞，就能快速找到所需圖標，方便快捷。
3. iconmonstr.com
專注於提供黑白兩色的矢量圖標，支持下載PNG或SVG格式，適用於需要高度可定製化設計的場景。
4. iconfinder.com
界面干凈簡潔，輸入關鍵詞即可搜索到大量圖標，幫助我們快速找到符合設計需求的元素。
5. swifticons.com
網站的圖標設計風格小巧可愛，非常適合在文章或圖片中作為點綴，增加視覺趣味。
6. icons8.com
擁有大量免費圖標，支持大小和顏色的自定義，提供豐富的創意選擇，讓作品更具個性化。
7. iconstore.co
網站提供了一系列有趣主題的小圖標集，包含各種風格和用途，為設計提供更多的靈感和選擇。
8. flat-icon-design.com
一個日本的圖標網站，以簡約的扁平風為主，明確標注可作為商業用途，適合追求簡潔風格的項目。
9. flaticon.com
提供商務風格的圖標資源，尤其適合海報、網站設計等場景，增添專業感和現代感。
以上網站不僅提供了豐富的圖標資源，還各有特色，適合不同類型的創意項目。作為運營人，了解並善用這些資源，能夠有效提升設計效率和作品質量。希望這些信息對您有所幫助，如果您還有其他需求，歡迎關注我，獲取更多實用又好玩的設計工具和技巧分享。