Icons8 MCP server

Icons8 MCP 服务器

在您的 vibe-coding 项目中获取 MCP 服务器 SVG 和 MCP 服务器 PNG 图标

免费使用

Product Hunt

今日产品

海量 MCP 服务器图标包，多达 40,000 个图标

全面覆盖

适用于

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 字形风格 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 选项卡中获取密钥。

我可以批量下载图标吗？

暂时还不能，但这正是我们目前正在积极开发的功能。

需要帮助？

查看我们的文档或与我们聊天。