关于 noun-mcp
noun-mcp 让 AI 助手搜索 The Noun Project,并将图标下载到项目中。它支持按风格和许可筛选、浏览合集,以及配置 SVG 或 PNG 输出。
主要功能
- 01按风格和许可搜索
- 02下载 SVG 或 PNG
- 03设置输出颜色和尺寸
- 04浏览精选图标合集
- 05自动补全搜索词
- 06跟踪 API 与图标用量
适用场景
- 01查找公有领域咖啡杯图标
- 02将彩色图标下载到项目
- 03查看每月 API 用量
MCP 相关
该 MCP 服务提供七种工具,用于搜索、浏览、下载 The Noun Project 图标及跟踪用量。可在 Cursor、Claude Desktop 和 Claude Code 等 MCP 客户端中配置。
配置
本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。
npx -y @alisaitteke/noun-mcpNOUN_CONSUMER_KEY密钥Consumer Key from The Noun Project APINOUN_CONSUMER_SECRET密钥Consumer Secret from The Noun Project APINOUN_API_TIERAPI tier: FREE (trial quotas) or PAID (Pay-Per-Use)本地服务需要在你的电脑上安装运行环境(如 Node.js 18+)。各客户端的配置文件位置不同,请参考客户端文档。
工具
7收录的工具列表 · 更新于 2 周前
| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| limit | number | 否 | 最大结果数 |
| query | string | 是 | 搜索词(例如:"dog"、"house"、"bicycle") |
| styles | enum | 否 | 图标样式:solid、line 或 bothsolid | line | solid,line |
| next_page | string | 否 | 下一页的令牌 |
| prev_page | string | 否 | 上一页的令牌 |
| include_svg | enum | 否 | 在响应中包含 SVG URL(1=是,0=否)0 | 1 |
| line_weight | number|string | 否 | 线条图标的线宽(1~60)或范围(例如:"18-20") |
| thumbnail_size | enum | 否 | 缩略图大小(像素)42 | 84 | 200 |
| limit_to_public_domain | enum | 否 | 仅显示公有领域图标(1=是,0=否)0 | 1 |
详细介绍
Noun MCP
语言: English · 简体中文 · Español · Deutsch · 日本語 · Türkçe
用日常语言描述图标需求。 描述你需要什么——“一个实心咖啡杯,公有领域”—— 你的 AI 助手便会搜索 The Noun Project,挑选合适的图标,并将 SVG 或 PNG 下载到 你的项目中。支持 Cursor、Claude Desktop 和 Claude Code。
注意: 这是一个非官方的社区维护项目,与 The Noun Project 无关联,也未获其认可。
它能做什么?
- 搜索 — 按风格、线条粗细和公有领域许可筛选
- 下载 — 支持 SVG 或 PNG、自定义颜色和尺寸,并保存到你指定的路径
- 浏览合集 — 查看精选图标集,而不仅限于单次搜索
- 自动补全 — 在消耗配额前获取更合适的搜索词
- 跟踪用量 — 查看每小时、每日和每月的服务调用与图标调用额度
- 延长免费试用 — 客户端用量限制,让每月 150 次图标调用更耐用
底层共提供 7 个工具 — 完整列表见 docs/available-tools.md。
试着这样说
Find solid public-domain coffee cup icons, then download one as a red SVG into ./icons.
Suggest search terms for "spo", then search weather collections.
How many Noun Project API calls have I used this month?
快速开始
你需要 Node.js 18+ 和 Noun Project API 密钥(创建应用 — 免费账户即可)。将 NOUN_API_TIER 设为 FREE(每月 2,000 次服务调用 / 150 次图标调用)或 PAID。配额详情:docs/available-tools.md。
安装后,将 your_key / your_secret 替换为你的 Consumer Key 和 Secret。
Claude Code:
claude mcp add \
--transport stdio \
noun-project \
--env NOUN_CONSUMER_KEY=your_key \
--env NOUN_CONSUMER_SECRET=your_secret \
--env NOUN_API_TIER=FREE \
-- npx -y @alisaitteke/noun-mcp
或者,将以下内容添加到 MCP 客户端的配置中(Cursor、Claude Desktop 等):
{
"mcpServers": {
"noun-project": {
"command": "npx",
"args": ["-y", "@alisaitteke/noun-mcp"],
"env": {
"NOUN_CONSUMER_KEY": "your_key",
"NOUN_CONSUMER_SECRET": "your_secret",
"NOUN_API_TIER": "FREE"
}
}
}
}
现成的配置文件:examples/cursor-config.json、examples/claude-desktop-config.json。
工作原理
- 用自然语言输入你想要的内容。
- AI 会先搜索——
search_icons是低成本的服务调用,并会直接返回 ID、许可证和缩略图。 - 仅在需要文件时下载——每次调用
download_icon/get_icon都会消耗一次图标调用额度。
遇到配额错误?请调用 check_usage,然后等待或调整搜索条件。常见解决方法:docs/troubleshooting.md。
文档
贡献
欢迎贡献!提交 PR 前,请先阅读 CONTRIBUTING.md。
维护者
由 Ali Sait Teke 构建 — GitHub · LinkedIn。
许可证
MIT
评论
一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。