Icons8 MCP server

Icons8 MCP 伺服器

在您的 vibe-coding 專案中取得 MCP 伺服器 SVG 和 MCP 伺服器 PNG 圖示

免費使用

Product Hunt

每日產品

高達 40,000 個圖示的龐大 MCP 伺服器圖示包

全面覆蓋

適用於

Windsurf、

Claude Code、

Cursor

及其他 AI 編碼工具

將專案中的所有圖示替換為時尚風格

或任何其他風格

為所有項目符號清單、功能區塊、

流程步驟、導覽等添加圖示

使用 Icons8 MCP 製作的示範

如何使用 Icons8 MCP

您需要準備

• 已安裝 Node.js
• Claude Code、Cursor、Windsurf 或類似的 AI 編碼工具

步驟 1：選擇您的方案

高解析度 PNG 圖示

免費

用於快速原型設計和測試的高解析度 MCP 伺服器 PNG 圖示。

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

複製程式碼

SVG 圖示

需要 API 金鑰

MCP 伺服器 SVG 可供付費使用者使用——以 $15 訂閱，然後在您帳戶的 MCP 分頁中查看設定程式碼

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

複製程式碼

步驟 2：設定您的客戶端

Claude Code

Cursor

Windsurf

VS Code

其他

1. 開啟您的終端機並執行：

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

複製程式碼

2. 使用以下指令檢查 MCP 設定並管理伺服器：

claude mcp list

複製程式碼

步驟 3：將圖示加入您的專案

向您的 AI 提問：「建立一個帶有 ios glyph 風格的 MCP 伺服器圖示 SVG 的網頁」或「建立一個帶有彩色風格分析 SVG 圖示的儀表板」。查看我們的即時示範以獲取靈感。如果您遇到問題，請參閱我們的常見問題部分。

常見問題

如果顯示「沒有 API 金鑰」怎麼辦？

以 $15 訂閱，在您的 Icons8 帳戶中找到 MCP 分頁以獲取設定程式碼。或者，從 Icons8 開發者入口網站獲取 API 金鑰。

如何特別取得 SVG 圖示？

只需在您的要求中指定您需要 SVG 圖示。

我會得到哪些格式？

SVG（需 API 金鑰），PNG 預覽可供所有使用者使用。

我可以透過 MCP 伺服器免費下載 PNG 圖示嗎？

可以，當您連接到 Icons8 MCP 伺服器時，無需 API 金鑰即可使用 PNG 圖示預覽。

免費版本的授權條款是什麼？

所有透過 MCP 下載的 PNG 圖示均可免費使用，前提是您提供指向我們的連結。在此查看我們的授權。

我需要 API 金鑰嗎？

PNG 無需金鑰即可使用，SVG 下載需要付費 API 金鑰——請在您帳戶的 MCP 分頁中找到它。

我要求 SVG 但仍然收到 PNG

在 MCP 分頁中設定您的 API 金鑰，或明確要求 SVG 格式。

如何從 MCP 伺服器取得 SVG 圖示？

SVG 圖示需要 API 金鑰。以 $15 訂閱，並從您帳戶的 MCP 分頁中獲取您的金鑰。

我可以批量下載圖示嗎？

尚未支援，但這正是我們目前積極開發的功能。

需要協助？

查看我們的文件或與我們聊天。