
今天要推薦的「Remix Icon」是一套免費開源圖示集,一共收錄 3229 種圖案,這是一組精心設計的圖示,具有完美像素、風格一致性等特性,很適合設計師或是開發人員使用,尤其是近期很多人嘗試的 Vibe Coding 其實就可以用到這些圖示圖案。所有圖示均免費供個人和商業使用,無論是網站、應用程式、軟體、範本、UI 設計和簡報都沒問題。
多樣化分類與靈活的導入方式
Remix Icon 圖示包含各種主題分類,例如箭頭、建築物、商業、通訊、設計、設備、文件、金融、美食、遊戲與運動、健康與醫療、地圖、媒體、天氣等,使用者可個別獲取每個圖示的 SVG、PNG 檔案,或是透過網頁字型、React、Vue3 和 CDN(內容傳遞網路)等方式匯入對應的圖案,直接在網站上調整顏色和尺寸大小。
從 Remix Icon 網站可取得打包好的圖示集,像是 SVG 格式、字型檔案、npm 或 Figma 外掛程式,還有名為「RemixIcon-MCP」可在 Vibe Coding 中使用 Remix Icon 進行自然語言編碼。
網站資訊
網站名稱:Remix Icon
網站鏈結:https://remixicon.com/
使用教學
開啟 Remix Icon 後會看到各個圖示分類和圖案預覽(名稱),從上方搜尋欄位輸入關鍵字來查找有沒有對應的圖示,如果要使用的圖案不多,可以單獨打包下載它們。

從搜尋欄位左側「分類」功能可快速跳轉並瀏覽特定類型的圖示圖案。

點選任一圖示後會看到語法,Remix Icon 會有圖示字型、React、Vue3 或 CDN 語法或網址範例,點選複製後就能快速取得內容。此外,也可透過下方按鈕複製 SVG 語法、下載 SVG 和 PNG 格式檔案。

透過 Remix Icon 網站直接調整圖示顏色或是尺寸大小,即時更新程式碼。

如果使用者需要取得特定的圖示,點選圖示右上角「+」加入收藏集(Collection),加入後點選搜尋欄位右側的按鈕就會看到這些圖示,可以批次下載這些圖示圖案,或是調整圖示顏色和尺寸大小。
比較特別的是右上角會有一個「匯出匯入」功能,可以手動備份或是還原圖示集,這對於不需要註冊登入就能使用的 Remix Icon 網站來說是很實用的工具。

最後,Remix Icon 網站右上角「Download」下載按鈕能取得整個圖示集(超過 3000 個圖案),如果有需要的話就從這裡下載,也有 npm、Figma 外掛功能或 RemixIcon-MCP 可用。









