雖然身為設(shè)計師，但我始終覺得畫圖標(biāo)是件頗為麻煩的事，要規(guī)范、簡潔，又得精準(zhǔn)表達(dá)含義，兼具設(shè)計感，同時還需滿足龐大的數(shù)量需求。尤其對于周期緊張的項目而言，圖標(biāo)制作更是一項瑣碎且耗費精力的工作。
慶幸的是，互聯(lián)網(wǎng)秉持開源文化的高手們貢獻(xiàn)了眾多優(yōu)秀的開源項目，讓我們可以直接使用這些優(yōu)質(zhì)成果。下面分享我日常收錄的 14 個優(yōu)質(zhì)的圖標(biāo)庫，基本涵蓋了所有圖標(biāo)的類型，并且各有不同的優(yōu)勢，比如支持 React、Vue、Svelte 等常用的開發(fā)框架、可自由調(diào)整線條、顏色、大小等細(xì)節(jié)、 提供 Figma 源文件等多種需求。
更多圖標(biāo)設(shè)計干貨：
在我個人體驗中，完全滿足我商業(yè)和個人項目的需求，下面是具體圖標(biāo)庫介紹：
簡介：聚合了多個常見的開源圖標(biāo)庫，集成超過 250K 的圖標(biāo)數(shù)量，支持 SVG、PNG、React、Ts 等多種格式導(dǎo)出，基本涵蓋所有的場景需求。
優(yōu)勢：聚合型平臺，一次性預(yù)覽和對比多平臺圖標(biāo)，方便跨平臺，可直接下載編輯，無需復(fù)雜授權(quán)流程。
簡介：多風(fēng)格變體（Outline / Bold / Bulk / Two-tone / Broken 等）的一套現(xiàn)代感圖標(biāo)體系?？偣?4 萬+圖標(biāo)，免費圖標(biāo)超過 6000 個。
優(yōu)勢：支持 React、Vue、Svelte 等框架，可自定義尺寸、顏色與描邊，風(fēng)格統(tǒng)一度高，利于中大型設(shè)計系統(tǒng)，集成效率高。
簡介：開源的簡約現(xiàn)代風(fēng)格圖標(biāo)庫，收錄近 1000+個圖標(biāo)，支持 Figma，React 和 Web Fonts。
優(yōu)勢：設(shè)計簡潔精美，支持 Stroke Icons，F(xiàn)ill Icons，Brand Icons。
簡介：知名開源圖標(biāo)庫，擁有超 3000 個圖標(biāo)，覆蓋常用產(chǎn)品、開發(fā)、商用場景。風(fēng)格中性百搭，提供 Figma 社區(qū)文件，可一鍵導(dǎo)入使用。
優(yōu)勢：圖標(biāo)線條統(tǒng)一規(guī)范，適配 Web、移動端多場景，更新頻率高，支持主流開發(fā)框架，社區(qū)維護(hù)活躍。
簡介：輕量型開源線性圖標(biāo)庫，收錄超 1600 個圖標(biāo)，以極簡設(shè)計語言適配各類界面，我個人最常用的圖標(biāo)庫之一，推薦。
優(yōu)勢：體積小巧加載高效，支持自定義 stroke 寬度與顏色，兼容 React、Vue 等框架，適合追求輕量化的項目。
簡介：開源的極簡風(fēng)格圖標(biāo)庫，包含超 400 個圖標(biāo)，帶有柔和圓端處理的友好型線性圖標(biāo)庫。
優(yōu)勢：無冗余代碼易集成，圖標(biāo)設(shè)計精簡友好，適合極簡風(fēng)界面設(shè)計。
簡介： 國內(nèi)設(shè)計師項目，由 Asorn & 胡蝶 設(shè)計開發(fā)，超過 2000 個圖標(biāo)，單雙色風(fēng)格，類型多樣，適合 B 端、中后臺項目。
優(yōu)勢：支持 SVG、Figma plugin、Wenfont，有詳細(xì)指導(dǎo)文檔，還有一套 SVG 插畫庫，滿足個性化設(shè)計需求，推薦！
簡介：，免費圖標(biāo)圖標(biāo) 285 個，以圓形/圓角輪廓為整體視覺載體的圖標(biāo)庫。
優(yōu)勢：風(fēng)格統(tǒng)一辨識度高，設(shè)計優(yōu)秀，支持尺寸與顏色自定義。
簡介：由 Tailwind CSS 團(tuán)隊開發(fā)的開源圖標(biāo)庫，包含超 300 個圖標(biāo)，分為 outline、solid、Mini、Micro 四種風(fēng)格，提供 Figma 社區(qū)文件。
優(yōu)勢：與 Tailwind CSS 無縫適配，圖標(biāo)風(fēng)格簡約統(tǒng)一，支持 React、Vue 框架組件化調(diào)用，開發(fā)集成效率高。
簡介：超過 3000 個免費圖標(biāo)，含 Basic / Duotone / Brands 類別。
優(yōu)勢：支持多種自定義修改方式、包括自定義大小與顏色、線條等，集成便捷。
地址： https://grassicons.framer.website/
簡介：100+ 線性風(fēng)格，設(shè)計簡潔，支持 SVG 和 Figma.
優(yōu)勢：包含靜態(tài)和動態(tài)圖標(biāo)，圖標(biāo)動畫簡潔流暢。
簡介：等距（isometric）風(fēng)格的 3D 透視輕擬物圖標(biāo)。
優(yōu)勢：具備立體深度，提升信息入口吸引力, 適合功能推廣 / 落地頁 / 空頁面插圖化。
簡介：收錄超 1600 個圖標(biāo)，語義覆蓋非常全面。
優(yōu)勢：框架（React / Vue / Flutter 等）支持，可自定義大小，描邊與顏色。
地址： https://khushmeen.com/icons.html
簡介：手繪風(fēng)格圖標(biāo)庫，收錄超 400 個圖標(biāo)以及一個插畫庫，線條活潑靈動，充滿創(chuàng)意感。
優(yōu)勢：風(fēng)格獨特區(qū)別于常規(guī)圖標(biāo)，適合個性化、年輕化的設(shè)計場景，支持 PNG、Figma、SVG。
善用優(yōu)秀的開源圖標(biāo)庫，可以讓你把精力投入到真正有差異化價值的界面信息架構(gòu)、視覺節(jié)奏與交互策略上。
我是 Rico, 感謝閱讀！
關(guān)注我的微信公眾號，我在這里專注文字創(chuàng)作
復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場，未經(jīng)允許不得轉(zhuǎn)載。
繼續(xù)閱讀本文相關(guān)話題
發(fā)評論！每天贏獎品
點擊 登錄 后，在評論區(qū)留言，系統(tǒng)會隨機(jī)派送獎品
2012年成立至今，是國內(nèi)備受歡迎的設(shè)計師平臺，提供獎品贊助 聯(lián)系我們
AI輔助海報設(shè)計101例
已累計誕生 753 位幸運星
發(fā)表評論 為下方 8 條評論點贊，解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓