mcpField
I
infyicon-mcp

infyicon-mcp

远程服务
github.com/krupalghori44-dev媒体与设计05 周前更新
代码仓库

关于 infyicon-mcp

infyicon-mcp 让 AI 客户端搜索免费图标,并获取可嵌入的 SVG、PNG 地址或字体类名。它通过托管 MCP 服务或本地运行的转接程序提供大型图标目录。

主要功能

  1. 01按关键词和样式搜索图标
  2. 02获取单个或多个图标的 SVG
  3. 03获取指定尺寸的透明 PNG 地址
  4. 04查找相关图标和热门图标
  5. 05查询 UI 字体的 CSS 类名

适用场景

  1. 01为界面设计查找图标
  2. 02为项目获取 SVG 标记
  3. 03寻找风格匹配的图标变体
  4. 04查询 UI 元素的字体类名

MCP 相关

提供只读工具,用于搜索图标、获取 SVG 和 PNG、查找相关图标与类别,以及查询字体类名。客户端可连接托管端点,或使用 stdio 转接程序。

配置

远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。

服务地址https://infyicon.com/mcp
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

工具

8
参数类型必填说明
limitinteger否每页的最大结果数(默认 10,最大 30)
querystring是要搜索的内容,例如 "shopping cart"、"doctor"、"hammer"(建议使用 1–4 个普通词)
styleenum否可选:限定为一种样式;省略则混合返回全部四种样式outline | fill | color-outline | color-fill
offsetinteger否可选:分页时跳过此数量的结果。传入上一响应中的 next_offset 可获取下一页。

详细介绍

Infyicon MCP Server

Official MCP Registry npm Glama TDQS One-click setup

通过任意 AI 助手搜索 161,000+ 款免费手绘矢量图标,包括 Claude、ChatGPT、Cursor、VS Code / Copilot、Codex、Gemini、Windsurf、Zed、Cline、Goose、LM Studio、JetBrains 以及所有其他 MCP 客户端。提供四种匹配样式(轮廓、填充、彩色轮廓、彩色填充)、可直接嵌入的 SVG 标记、16–512 px 透明 PNG,以及包含 61,000 个字形的 UI 网页字体。

  • 托管端点(推荐): https://infyicon.com/mcp — 可流式传输的 HTTP、无状态、无需身份验证,无需 API 密钥,所有工具均为只读
  • 一键安装按钮 + 适用于所有客户端的复制粘贴配置: https://infyicon.com/connect
  • 图标许可证: 免费供个人和商业用途,需注明来源 infyicon.com — https://infyicon.com/license

工具(v1.2.0)

工具功能
search_icons搜索 161,000+ 款图标的关键词,可选样式筛选,支持偏移分页。返回 ID、名称、页面/SVG/PNG URL 和标签。
get_popular_icons没有搜索词时显示精选图标。
get_related_icons跨样式查找相同主题的图标,可用于搭配成套或提供不同选项。
get_icon_svg获取单个图标 ID 对应的完整 SVG 标记,可直接嵌入。
get_icon_svg_bulk一次调用获取 1–20 个图标 ID 对应的 SVG 标记。
get_icon_png获取 16 / 24 / 32 / 64 / 128 / 256 / 512 px 的透明 PNG URL。
list_categories获取最热门的类别、数量和类别页面 URL。
search_uicons获取 Infyicon UI 网页字体中的 CSS 类名(<i class="ii-r-home"></i>)。

v1.0/1.1 中的旧名称(popular_icons、related_icons、bulk_svg、uicons_lookup)仍作为别名接受。

快速开始

Claude.ai / Claude Desktop — 设置 → 连接器 → 添加自定义连接器 → https://infyicon.com/mcp。也可以安装桌面扩展:infyicon.mcpb。

Claude Code

claude mcp add --transport http infyicon https://infyicon.com/mcp
# or as a plugin
claude plugin marketplace add krupalghori44-dev/infyicon-mcp && claude plugin install infyicon@infyicon

ChatGPT — 设置 → 应用和连接器 → 高级 → 开发者模式 → 创建 → MCP URL https://infyicon.com/mcp,身份验证 None。

Cursor — 添加到 Cursor 或使用 ~/.cursor/mcp.json:

{ "mcpServers": { "infyicon": { "url": "https://infyicon.com/mcp" } } }

VS Code / GitHub Copilot — .vscode/mcp.json:

{ "servers": { "infyicon": { "type": "http", "url": "https://infyicon.com/mcp" } } }

Codex CLI — codex mcp add infyicon --url https://infyicon.com/mcp

Gemini CLI(扩展,推荐) — gemini extensions install https://github.com/krupalghori44-dev/infyicon-mcp — 添加服务、/icons <query> 命令和使用上下文。也可以使用纯 MCP:gemini mcp add --transport http infyicon https://infyicon.com/mcp · Gemini 应用 — 设置 → 已连接的应用 → 添加自定义 MCP 服务

Windsurf — { "mcpServers": { "infyicon": { "serverUrl": "https://infyicon.com/mcp" } } }

Cline / Roo Code — { "mcpServers": { "infyicon": { "type": "streamableHttp", "url": "https://infyicon.com/mcp" } } }

任何仅支持 stdio 的客户端(Zed、Goose、LM Studio、JetBrains、Perplexity…) — 零依赖 npm 桥接程序会将请求转发到托管服务:

{ "mcpServers": { "infyicon": { "command": "npx", "args": ["-y", "infyicon-mcp"] } } }

自行运行

npx -y infyicon-mcp             # stdio bridge
npx -y infyicon-mcp --http 3000 # local HTTP mirror at POST http://127.0.0.1:3000/mcp
docker build -t infyicon-mcp . && docker run -i infyicon-mcp

standalone.js 会将 initialize、tools/list 和 tools/call 转发到 https://infyicon.com/mcp(可通过 INFYICON_MCP_UPSTREAM 覆盖),因此始终保持最新。mcp.js 是在 infyicon.com 上运行的参考实现(Express、手写 JSON-RPC、不使用 SDK)。

仓库结构

  • standalone.js — npm 包 infyicon-mcp(stdio / --http)
  • mcp.js — 托管服务源代码
  • mcpb/ — Claude Desktop 扩展源代码;使用 npx @anthropic-ai/mcpb pack mcpb dist/infyicon.mcpb 构建
  • .claude-plugin/ + .mcp.json — Claude Code 插件市场
  • gemini-extension.json + GEMINI.md + commands/ — Gemini CLI 扩展(/icons 命令)
  • connect/connect.html — 在 https://infyicon.com/connect 提供的一键设置页面
  • server.json — Official MCP Registry 清单

隐私

工具参数(搜索词、图标 ID、样式筛选条件)会通过 HTTPS 发送至 infyicon.com;响应包含图标元数据、SVG 标记和 PNG URL。无需账户或 API 密钥;不进行遥测,也不访问本地文件。隐私政策:https://infyicon.com/privacy · 联系方式:[email protected]

许可证

服务和桥接代码:MIT。图标:免费使用,需注明出处 — https://infyicon.com/license

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。