Icons8 MCP

🚀 Icons8 MCP服務器

Icons8 MCP服務器讓AI編碼環境能夠立即訪問超過368,865個Icons8圖標，涵蓋116種設計風格。你可以將Claude、Cursor、Windsurf、VS Code或任何支持SSE的MCP主機連接到該服務器，免費流式傳輸高分辨率PNG圖標，或者使用API密鑰解鎖完整的SVG圖標交付功能。這非常適合原型設計、生產代碼和快速UI實驗。

🚀 快速開始

使用場景

• 用一致且時尚的風格替換現有項目中的整個圖標集。
• 在不離開IDE的情況下，為項目符號列表、功能亮點、流程步驟和儀表盤添加圖標。
• 先用免費的PNG預覽圖進行快速原型設計，然後升級到SVG以獲得適合生產的資源。
• 構建AI輔助工作流程，直接在代碼中搜索、預覽和插入圖標。
• 通過現成的演示，如掉落表情符號、科幻儀表盤和產品目錄，展示交互性。

📚 詳細文檔

工作原理

Icons8 MCP端點託管在 https://mcp.icons8.com/mcp/，可與任何支持服務器發送事件（Server-Sent Events）的MCP客戶端配合使用。

前提條件

1. 本地安裝 Node.js。
2. 一個兼容MCP的編輯器或代理主機（如Claude Code、Cursor、Windsurf、VS Code等）。

選擇你的方案

免費高分辨率PNG圖標

使用以下配置無需身份驗證即可流式傳輸高分辨率PNG預覽圖：

{
  "mcpServers": {
    "icons8mcp": {
      "command": "npx",
      "args": [
        "mcp-remote",
        "https://mcp.icons8.com/mcp/"
      ]
    }
  }
}

完整SVG訪問權限（需要API密鑰）

訂閱 15美元的SVG計劃，並將你的API密鑰作為Bearer令牌傳遞：

{
  "mcpServers": {
    "icons8mcp": {
      "command": "npx",
      "args": [
        "mcp-remote",
        "https://mcp.icons8.com/mcp/",
        "--header",
        "Authorization:${AUTH_HEADER}"
      ],
      "env": {
        "AUTH_HEADER": "Bearer YOUR_API_KEY"
      }
    }
  }
}

💡 使用建議

根據需要切換配置，使用PNG配置進行免費預覽，使用SVG配置進行生產部署。

配置你的客戶端

Claude Code

1. 打開終端並運行以下命令：

   claude mcp add icons8mcp -- \
     npx mcp-remote \
     "https://mcp.icons8.com/mcp/" \
     --header "Authorization: Bearer YOUR_API_KEY"
   

2. 驗證服務器是否已註冊：

   claude mcp list
   

Cursor

1. 點擊Cursor → Settings → Cursor Settings → MCP標籤。
2. 點擊 + Add new global MCP server。
3. 粘貼你所選方案的JSON配置（免費PNG方案無需添加頭部信息）。

Windsurf

1. 點擊Windsurf → Settings → Windsurf Settings → MCP部分。
2. 管理插件 → View raw config。
3. 粘貼JSON配置並保存。

VS Code（代理模式）

1. 點擊Code → Settings → Settings → 搜索 “MCP”。
2. 選擇 Edit in settings.json。
3. 添加JSON配置。
4. 打開聊天工具欄（⌥⌘B），切換到代理模式，在 MCP Server: Icons8 MCP 下查找工具。如果工具沒有立即顯示，請重啟VS Code。

其他支持SSE的工具

使用 npx mcp-remote 的相同JSON模板，併為SVG訪問提供可選的 Authorization 頭部信息。請參考你的主機文檔，瞭解在何處粘貼MCP服務器設置。

開始使用圖標進行開發

向你的AI助手請求所需的圖標，例如 “創建一個帶有彩色風格分析SVG圖標的儀表盤” 或 “添加iOS字形風格的MCP服務器圖標SVG”。查看以下 即時演示 以獲取靈感，如果遇到問題，請查看 常見問題解答。

🎉 即時演示

• 掉落表情符號動畫
• 圖夫特風格的太陽系
• 科幻控制界面
• 產品目錄展示

❓ 常見問題解答

• 如果提示 “No API key” 怎麼辦？
  訂閱15美元的計劃 以獲取API密鑰。
• 如何獲取特定的SVG圖標？
  在提示中明確請求SVG圖標，並確保你的配置中傳遞了Bearer令牌。
• 有哪些可用的格式？
  所有用戶都可以使用PNG預覽圖。SVG下載需要有效的API密鑰。
• 我可以免費下載PNG圖標嗎？
  可以。連接到MCP服務器時，無需身份驗證即可獲得PNG圖標預覽圖。
• 免費計劃的許可條款是什麼？
  免費使用PNG圖標需要提供指向Icons8的鏈接作為歸屬聲明。請查看 Icons8許可協議 以獲取完整詳情。
• 我需要API密鑰嗎？
  僅SVG圖標交付需要API密鑰。PNG預覽圖無需密鑰。
• 我請求了SVG圖標，但收到了PNG圖標，這是怎麼回事？
  再次明確請求SVG圖標，並確認你的API密鑰已正確配置。
• 我可以批量下載圖標嗎？
  批量下載功能正在開發中，請持續關注。
• 需要幫助嗎？
  查看上述設置步驟，或 與我們聊天。

🙏 致謝

• Product Hunt “Product of the Day” 發佈認可。
• © 2025 Icons8 — 有關條款、隱私和支持的鏈接，請訪問 icons8.com。