AI导哈

图标数据服务

提供访问Iconify超过20万开源矢量图标的MCP服务器，支持图标集浏览、搜索及多框架使用示例获取。

  • by Osmansiddiquer
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 Osmansiddiquer/iconify-mcp

使用说明

Iconify MCP 服务器

一个MCP（模型上下文协议）服务器，为AI助手提供访问Iconify的庞大开源矢量图标库的权限，该库包含来自200多个图标集的超过200,000个开源矢量图标。

特点/功能

  • 获取所有图标集浏览所有可用的图标集合
  • 获取特定的图标集获取特定图标集的详细信息
  • 搜索图标通过灵活的查询参数搜索图标
  • 获取图标数据获取特定图标数据，并提供流行框架（React、Vue、Svelte、HTML、CSS）的使用示例

安装

npm install
npm run build

使用方法

选项1：使用npx（推荐）

在您的Claude桌面MCP设置配置中添加：

{
  "mcpServers": {
    "iconify": {
      "command": "npx",
      "args": ["@osmansiddiquer/iconify-mcp"]
    }
  }
}

选项2：本地开发

在您的Claude桌面MCP设置配置中添加：

{
  "mcpServers": {
    "iconify": {
      "command": "node",
      "args": ["C:\\Users\\osman\\OneDrive\\Desktop\\Work\\Sciloop\\Lab\\iconify-mcp\\dist\\index.js"]
    }
  }
}

MCP配置文件位置

Windows： %APPDATA%\Claude\claude_desktop_config.json macOS（苹果电脑操作系统）： ~/Library/Application Support/Claude/claude_desktop_config.json Linux（发音近似“林克斯”）： ~/.config/Claude/claude_desktop_config.json

可用工具

1. get_all_icon_sets

浏览Iconify提供的所有可用图标集合。

参数无

示例返回包含200多个图标集及其元数据的列表

2. get_icon_set

检索特定图标集的详细信息。

参数：

  • prefix （字符串，必填）：图标集前缀（例如，'mdi'、'fa'、'bi'）

示例： { "prefix": "mdi" }

3. search_icons

浏览 Iconify 的图标库。

参数：

  • query （字符串，必填）：搜索查询词（例如，'home'，'arrow'）
  • prefix （字符串，可选）：将搜索限制在特定的图标集内
  • limit （数字，可选）：最大结果数（默认：64，最大：999）

示例： { "query": "home", "prefix": "mdi", "limit": 10 }

4. get_icon_data

使用框架示例检索特定图标数据。

参数：

  • icon （字符串，必填）：图标名称的完整格式为“前缀:图标名”（例如，“mdi:home”）

示例： { "icon": "mdi:home" }

返回图标数据以及在 React、Vue、Svelte、HTML 和 CSS 中的使用示例。

发展

npm run dev    # Watch mode
npm run build  # Production build

许可证

麻省理工学院（MIT）

相关 MCP