關於 Yesicon
About
Yesicon 是什麼
Yesicon 是跑在瀏覽器裡的圖示搜尋引擎，服務對象是設計師與開發者。它把幾十套開源圖示集收攏在一起，從 Material Symbols、Tabler 到 Phosphor 與 Lucide，全部塞進同一個搜尋框。輸入「下載」或「購物車」，再依風格或分類篩選，就能找到合用的那一個。
它同時也是一座線上開源圖示庫，不必下載或安裝。資料來自開源專案 Iconify，它早就把數百套圖示集做了格式統一。Yesicon 是站在上面的查詢介面。搜尋準不準，取決於各原始圖示集怎麼命名圖示，某個非常冷門的圖形很可能還沒收錄。
網站免費，也不需要註冊帳號。整個設計都圍繞「把圖示從頁面搬進專案」這件事，幾秒內完成，而不是在 Yesicon 裡養一套自己的圖示庫。
開始使用
- 打開 yesicon.app，在搜尋框輸入關鍵字。頁面任何位置按 Ctrl K 都能直接跳到輸入框。
- 用篩選器縮小範圍。風格可選線條、實心或雙色，分類可挑介面操作、品牌等，若已經信任某位設計者，也能限定單一圖示集。
- 在預覽面板設定顏色與像素尺寸。調整時圖示會即時重繪。
- 依需求複製輸出：原始 SVG、指定尺寸的 PNG，或 React、Vue、Svelte、TailwindCSS、UnoCSS 的程式碼片段。
- 上線前確認授權。每個圖示都屬於它來自的那套圖示集，條款看的是原專案，不是 Yesicon。
產品資訊
快速了解 Yesicon 的定價、支援平台與效能。
適合對象
這項工具最適合的使用者、任務與情境。
使用者
- 前端開發者：站上整理的開發者圖示涵蓋介面常用的操作與狀態。直接抓 SVG 或框架片段，不必為每套圖示集多開一個分頁。想讓整頁風格一致時，鎖定單一圖示集特別有用。
- 介面與產品設計師：風格、分類、雙色這幾組篩選能快速用實際尺寸比較候選圖示。站上沒有 Figma 外掛，記得留一步複製貼上到設計檔。
- 學生與個人專案：全部免費又不需註冊，很適合作品集或課堂作業，這種情境買圖示訂閱並不划算。
- 一人作業的小型產品：導覽列、設定頁、社群連結加起來也不過幾個圖示，一頁搜尋就夠，不用同時掛四套函式庫。
任務
- 為某個介面元件找圖示：用意思去搜，而不是靠檔名，再把線條版與實心版並排比較後才決定。
- 替新專案挑一套一致的圖示：限定 Lucide 或 Tabler，把整組翻過一遍，筆畫粗細與圓角半徑自然統一。
- 依品牌色重新上色：預覽區的顏色控制會即時改掉填色或線條，複製前就看得到結果。
- 取得可直接用的框架程式碼：複製 React、Vue 或 TailwindCSS 版本，省下手動轉檔。
- 整理社群與品牌標誌：品牌標誌集涵蓋常見平台，但各家品牌的使用規範仍要自行確認。
情境
- 深夜趕一頁落地頁：沒有登入牆、沒有下載額度，可以一路搜到版面順眼為止。
- 清理舊專案裡混搭的圖示：用搜尋確認每個圖示出自哪一套，再把零散的換成同一家族。
- 設計系統還沒成形就先做原型：同一畫面試三種風格，看哪一種在 16 或 24 像素下最好辨識。
- 做簡報或 PDF 需要 PNG 圖示：依指定尺寸輸出的 PNG 可以直接放進 Keynote、PowerPoint 或設計軟體。
主要功能
一次搜完 240 套圖示集
一組關鍵字會掃過近 40 萬個圖示，來源包括 Material Symbols、Material Design Icons、Tabler、Solar、Remix Icon、Lucide、Phosphor、Heroicons 與 Font Awesome。你不必記哪個圖形屬於哪個專案。結果頁會在每個圖示旁標出所屬圖示集，來源一目了然。
風格、分類與圖示集三重篩選
篩選分三個方向。風格切開線條、實心、雙色與圓角版本。分類依用途歸組，從介面操作、導覽一路到品牌、食物與遊戲。限定圖示集則是在視覺一致比選擇多更重要時，把範圍收窄到單一收藏。三者一起用，幾千筆結果通常只剩一頁。
顏色與尺寸即時預覽
預覽面板讓你在輸出前改顏色與像素尺寸，看到什麼就複製到什麼。圖示要對應 CSS 變數時，這個功能最實用；把黑色 SVG 貼進深色主題再手動搶救的經驗，也從此可以省下。
複製 SVG、PNG 或程式碼
複製 SVG 程式碼、下載指定尺寸的 PNG、拿走 React、Vue、Svelte、TailwindCSS、UnoCSS 的現成片段，都在同一塊面板完成。設計師貼進 Figma 或 Sketch，開發者直接放進樣板，兩邊都顧到。程式碼與預覽出於同一份來源，結果自然對得上。
熱門關鍵字頁
Trending 頁排出英文使用者過去半年搜尋最多的關鍵字，每月底更新一次。plus、user、star、search 這類詞排在最前面，可以看出社群怎麼稱呼常見操作。想不起某個圖示的慣用名稱時，這頁也很好用。
九種介面語言
介面提供英文、簡體中文、繁體中文、西班牙文、德文、法文、日文、韓文與葡萄牙文。各語言有獨立網址，跨地區團隊可以各自用母語操作，不必另開帳號。搜尋本身仍以英文關鍵字效果最好，非英語使用者最好先知道對應的英文說法。
優缺點
優點
- 圖示量驚人且完全免費。240 套、40 萬個圖示，幾乎任何介面情境都不必付訂閱費。
- 搜尋、篩選、複製都在同一頁完成，省掉在各個圖示站之間來回跳的麻煩。
- 顏色與尺寸即時預覽省下一次手動編修，複製出來就是想要的狀態。
- React、Vue、TailwindCSS 片段免去手動轉換，輸出也與預覽一致。
- 不用帳號、沒有使用上限，一場長時間的設計工作可以一路搜下去。
缺點
- 沒有官方 API，也沒有批次下載流程，要把 200 個圖示搬進專案，還是一個一個點。
- 每個圖示沿用來源圖示集的授權，而各家條款不一。商業使用前必須逐一確認，專案一大就很花時間。
- 開發者沒有推出 Figma、Sketch 或 VS Code 外掛，相較於直接長在畫布裡的工具，設計師多了一道手續。
- 搜尋品質取決於上游的圖示命名。命名怪異或缺乏說明的圖示，即使已經收錄，也不容易搜到。
常見問題
不用。沒有付費方案、不用註冊、也沒有下載上限，搜尋與複製完全免費，之後也沒有東西要取消。
相關內容
探索與 Yesicon 相關的工具、技能與文章。
Yesicon 替代方案
Google EmbeddingGemma 2
Google DeepMind · 寫作 · 圖片 · 程式設計Google EmbeddingGemma 2 是 7.4 億參數的開源模型，能把文字、程式碼、圖片、音訊與影片畫面轉成同一個 768 維空間裡的向量，在手機與筆電上就能執行。
Tractionwave
TractionWave · 圖片 · 行銷TractionWave 是針對靜態廣告的 AI 注意力熱圖工具。上傳 PNG 或 JPG，就能取得預測注意力、排序後的熱點與修正建議，不必等預算花完才知道問題在哪。
Imejis.io
Imejis.io · 圖片 · 行銷Imejis.io 是給代理與行銷團隊使用的 AI 設計工作室。你用日常說法描述一張圖，它會寫好文案、排出版面、自動調整成各種尺寸，最後匯出完成檔。