P

Pick Icon-MCP

@Leee62/pickapicon-mcp
1 Stars 136 次浏览 Leee62 更新于 2026-08-23

允许前端/用户界面/设计师通过 Iconify API 检索 SVG 图标的 MCP 服务器,只需向大语言模型提问,而无需手动搜索网站。

该服务暂未提供标准配置,请参考 README 手动接入

服务介绍

pickapicon-mcp

logo

中文文档
English

说明

这是一个为前端/UI/设计师提供的通过Iconify API获取SVG的mcp。

使用pickapicon-mcp,您只需向LLM询问所需内容,而无需前往网站查找并复制SVG。

它可以使您的SVG获取流程简化,与MCP & LLMs一起跳舞😎。

👉👉 图标仓库网站 Iconify 👈👈

工具

  • get_icon_repos

    • 获取所有仓库名称,用于其他工具的参数<prefix>
  • get_icons_by_desc_and_prefix

    • 通过输入所需的描述和前缀来获取图标
    • 输入:
      • desc: 您想要的描述
      • prefix?: 前缀 <默认为环境变量PREFIX>
  • get_icon_detail_by_prefix_and_name

    • 通过前缀和SVG名称获取图标详细信息(SVG代码)
    • 输入:
      • svg_name: SVG名称
      • prefix?: 前缀 <默认为环境变量PREFIX>

快速开始

这是MCP服务器配置

  "mcpServers": {
    "pickapicon-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "pickapicon-mcp@latest"
      ],
      "env": {
        "PREFIX": "<LIKE ant-design>"
      }
    }
  }

示例

  • 快速获取关于组件/页面的SVG
    case2
  • 获取具有现代设计颜色的SVG
    case1

许可证

MIT