如果你認真找過就會發現國內好用的設計圖示資源少的可憐,就更不要說是高質量的素材庫,沒有高質量的素材也就很難做出好看的介面和 UI ,更不要提什麼品牌體驗和風格統一。
你遇到的問題我們也遇到了,而且經常遇到,所以文派科技開發了此墨圖雲集子專案——墨圖愛可(Motuicons)它面向設計師和開發者專門做了使用者體驗最佳化,也面向任何需要圖示的人均可使用。
官網地址:icons.motucloud.com
目前暫不支援 CDN 直接引用和自定義私有圖示集託管,後續會根據實際情況進行各項功能的完善開發,並且 AI Agent 也會明確提供相關的無障礙訪問許可權。

如何使用?
- 搜尋圖示:直接輸入按中文名或英文名找圖示,支援模糊匹配和成套內檢索。
- 預覽複製:點圖示即可複製 SVG 程式碼或下載 PNG / WebP,圖示顏色可按需調整。
- 打包下載:按整套圖示打包(SVG / JSON / 字型),混裝多套時自動列出各套許可。
- 收藏管理:收藏常用的圖示集和作者,方便下次直接取用。目前暫無使用者體系,無需登入即可使用,後續會接入使用者系統支援資料同步和 API 引用。
收錄了什麼
目前收錄 1,467 套、605,709 個開源圖示,覆蓋介面、圖形、標誌、旗幟、程式設計技術等分類。首批初始資料一半來自 Iconify 的公開資料包(@iconify/json)以及墨圖團隊專項整理的開源增補集。圖示集頁均已標明每套的作者、原倉庫和 SPDX 許可。
大部分除了明確說明授許可權制外,基本均可在合規約束下進行商用!

為什麼需要 Motuicons?
對設計師和開發者來說,找圖示一直是個“碎活兒”。
大廠圖示庫雖然精緻,但數量有限;個人設計師作品風格突出,卻散落在不同平臺;國外圖示站資源豐富,但中文搜尋不友好,許可協議也常常讓人看得一頭霧水。
結果就是:為了一個圖示,開啟十幾個網站,反覆切換關鍵詞,最後還要確認能不能商用、要不要署名。

Motuicons 想解決的,正是這個痛點。墨圖團隊把分散在各處的優質開源圖示彙集起來,用一個搜尋框完成跨庫檢索。中文關鍵詞、分類、風格、場景……你只需要描述想要什麼,剩下的交給 Motuicons。
核心亮點:
1. 60萬+ 優質圖示資源
Motuicons 聚合了海量開源圖示集,覆蓋通用 UI、箭頭、檔案、使用者、社交、品牌、天氣、電商、後臺管理、移動端等常見場景。無論是做 App、小程式、後臺系統,還是 PPT、海報、開源專案,都能找到合適素材。
2. 中文友好搜尋
相比不少國外圖示站,Motuicons 更貼近中文使用者習慣。支援中文關鍵詞搜尋,也支援分類和風格篩選,降低“找不到、搜不準”的挫敗感。
3. 開源許可透明
每一枚圖示都儘量標註來源、作者與許可協議。使用者在使用前可以清晰檢視授權範圍,避免“隨手下載,商用侵權”的風險。
4. 免費使用
Motuicons 提供免費檢索與獲取入口。具體圖示能否商用、是否要求署名,以對應圖示集的開源協議為準。只要遵守許可,個人專案和商業專案都可以放心使用。
5. 持續更新
開源圖示生態在不斷生長,Motuicons 也會持續收錄新的圖示集和設計師作品,讓資源庫保持活力。

適合誰用?
Motuicons 不只為專業設計師準備,也不只是開發者的工具。只要你在工作或創作中需要圖示,它都能幫你省下東翻西找的時間。60 萬+ 開源圖示、中文搜尋、許可透明,讓不同角色都能快速找到“能用、好用、敢用”的圖示資源。
UI/UX 設計師:從找參考到交付,一條鏈路提效
做設計時,最耗時的往往不是畫介面,而是找素材、對風格、改細節。Motuicons 支援中文關鍵詞和分類篩選,你可以快速找到線性、面性、雙色等不同風格的圖示,用於競品分析、情緒板、元件庫補充和最終介面交付。
在 Figma、Sketch、XD 等工具中,直接使用下載的 SVG 圖示,可以自由調整顏色、尺寸和描邊,保持整套設計語言統一。對於需要快速出稿的專案,它更像一個隨取隨用的圖示倉庫;對於長期維護的設計系統,它也能幫你發現更多可參考的開源實現。使用前留意具體圖示的許可協議,商用和署名要求會寫得更清楚。
前端開發者:SVG 即取即用,少寫重複程式碼
前端開發經常遇到“元件庫圖示不夠用,自己畫又費時間”的情況。Motuicons 聚合了大量開源圖示集,提供 SVG 等常用格式,你可以直接複製 SVG 程式碼,或下載後放入專案資源目錄,用於 React、Vue、小程式、後臺管理系統等場景。
如果專案已經接入 Ant Design、Element Plus、TDesign 等元件庫,也可以用 Motuicons 作為補充搜尋入口,快速找到風格接近的圖示。對於需要自定義顏色的場景,SVG 比字型圖示更靈活,便於透過 CSS 控制。注意部分圖示集可能提供 npm 包,若專案對按需載入和 Tree-shaking 有要求,可以優先選擇對應官方包。
(注意:預設是提供設計師模式,點選右上角的開發者模式即可看到原始碼和 NPM 包等)

產品經理與獨立開發者:低成本把想法變成可看的介面
產品經理做原型、獨立開發者做 MVP,常常沒有專職設計師支援。Motuicons 能讓你在不增加預算的情況下,快速找到合適的圖示,把低保真原型升級成更完整、更專業的高保真介面。
做後臺、落地頁、工具類產品時,圖示是提升完成度的重要細節。一個搜尋框,就能補齊導航、狀態、操作、空頁面等場景所需素材。對於獨立開發者來說,這意味著更少的時間花在找素材上,更多時間留給核心功能。免費使用降低了成本,但別忘了確認許可,尤其是準備商業釋出的產品。
自媒體與運營人員:封面、海報、資訊圖隨搜隨用
做公眾號封面、小紅書配圖、短影片封面、活動海報、資訊圖時,圖示能讓資訊更直觀、版面更活躍。Motuicons 的中文搜尋對運營人員很友好,輸入“增長”“資料”“時間”“電商”“節日”“辦公”等關鍵詞,就能找到對應場景的圖示。
相比在多個素材站之間切換,聚合搜尋能明顯提升出圖效率。免費開源資源也降低了素材採購成本。需要留意的是,部分圖示可能要求署名或禁止某些商用方式,釋出前花幾秒鐘看一眼許可說明,能避免後續風險。
學生與開源愛好者:學習規範,參與生態
對設計專業學生和開源愛好者來說,Motuicons 不只是素材庫,也是學習圖示設計的入口。你可以觀察不同圖示集的網格系統、描邊粗細、圓角處理、視覺平衡和命名規範,理解一套成熟圖示庫是如何保持統一性的。
如果你對開源感興趣,還可以從使用開始,逐步參與反饋、補充資源、傳播專案,甚至為喜歡的圖示集貢獻設計。透過 Motuicons,你能更直觀地看到國內開源圖示生態的豐富程度,也能更早建立版權意識和開源協作習慣。
授權說明
需要特別提醒的是:免費使用不等於沒有版權要求。
墨圖愛可(Motuicons)是一個聚合的是開源圖示瀏覽器,不同圖示集可能採用 MIT、Apache 2.0、CC BY 等不同協議。有的允許自由商用,有的要求署名,有的對再分發有額外限制。正式專案使用時請認真核對相關授權說明和標註。




發表回覆