返回 MCP 目录
public公开dns本地运行

Iconify SVG

pickapicon-mcp是一个为前端/UI/设计师提供的工具,通过Iconify API快速获取SVG图标,简化工作流程,与LLMs结合使用更高效。

article

README

🚀 pickapicon-mcp

这是一个专门为前端开发人员(FE)、UI设计师打造的MCP工具,它能够通过Iconify API获取SVG图标。借助该工具,您无需手动访问网站查找SVG并进行繁琐操作,只需让大语言模型(LLMs)帮您找到所需内容,即可简化工作流程,轻松与MCP及LLMs协同工作 😎。

🚀 快速开始

这是MCP服务器的配置示例:

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

✨ 主要特性

  • get_icon_repos:获取所有仓库名称,用于其他工具的 <prefix> 参数。
  • get_icons_by_desc_and_prefix:根据输入的描述和前缀获取图标。输入参数包括 desc(您想要的描述)和可选的 prefix(前缀,默认值为环境变量 PREFIX)。
  • get_icon_detail_by_prefix_and_name:根据前缀和图标名称获取SVG代码细节。输入参数包括 svg_name(图标名称)和可选的 prefix(前缀,默认值为环境变量 PREFIX)。

💻 使用示例

示例场景

  • 快速获取组件或页面相关的SVG case2
  • 获取带有现代设计颜色的SVG case1

📄 许可证

本项目采用 MIT 许可证。

👉👉 图标库网站 Iconify 👈👈

中文文档 ![English Document](https://img.shields.io/badge/English Document-Read-greenyellow)

help

运行方式说明

cloud

托管运行

托管运行通常表示这个 MCP Server 由服务方环境承载,用户一般按页面提供的连接方式或授权流程接入,不需要在本地长期启动一个 MCP 进程

  1. 打开服务方连接页
  2. 完成授权或复制端点
  3. 在 MCP 客户端中连接
terminal

本地运行 / 其它方式

本地运行通常需要用户在自己的电脑或服务器上安装依赖,把 server_config 复制到 MCP 客户端,并按 env_schema 补齐环境变量、密钥或其它配置

  1. 复制 server_config
  2. 安装所需依赖
  3. 补齐环境变量后重启客户端