pickapicon-mcp
2025.04.20
1
JavaScriptSVG图标获取前端开发工具开发效率
pickapicon-mcp 是一个为前端开发人员、UI设计师提供的工具，用于通过Iconify API获取SVG图标。它简化了获取SVG图标的工作流程，用户只需通过LLMs（如聊天机器人）请求所需的图标，而无需手动访问网站查找和复制SVG代码。
View on GitHub
Overview
基本能力
产品定位
pickapicon-mcp 旨在简化前端开发和UI设计过程中获取SVG图标的流程，通过与LLMs结合使用，提高工作效率。
核心功能
- 获取所有图标仓库名称（
get_icon_repos） - 根据描述和前缀获取图标（
get_icons_by_desc_and_prefix） - 根据前缀和SVG名称获取图标详情（SVG代码）（
get_icon_detail_by_prefix_and_name）
适用场景
- 快速获取组件或页面相关的SVG图标
- 获取具有现代设计颜色的SVG图标
工具列表
get_icon_repos: 获取所有图标仓库名称，用于其他工具的prefix参数。get_icons_by_desc_and_prefix: 根据描述和前缀获取图标。输入参数包括描述和可选的前缀（默认为环境变量中的PREFIX）。get_icon_detail_by_prefix_and_name: 根据前缀和SVG名称获取图标详情（SVG代码）。输入参数包括SVG名称和可选的前缀（默认为环境变量中的PREFIX）。
使用教程
使用依赖
无特别的前置依赖，只需安装Node.js和npm。
安装教程
- 确保已安装Node.js和npm。
- 在项目中配置MCP Server，如下所示：
"mcpServers": {
"pickapicon-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"pickapicon-mcp@latest"
],
"env": {
"PREFIX": "<LIKE ant-design>"
}
}
}
调试方式
安装完成后，可以通过调用工具列表中的命令进行调试，例如：
npx pickapicon-mcp@latest get_icon_repos
或
npx pickapicon-mcp@latest get_icons_by_desc_and_prefix --desc "search icon" --prefix "ant-design"