仪表盘与AI助手图标库：dashboard-icons

Dashboard Icons 是一个开源图标库，提供 3400 多个图标和 Logo，主要用在仪表盘、应用目录和 AI 助手这些地方。它解决了自建导航页或监控面板时找图标麻烦、风格不一致的问题。这个库还带一个免费的 MCP 服务器，让 Claude Code、Cursor 这类编程助手可以直接帮你找图标。

适合谁

• 自建仪表盘的人：用 Homarr、Dashy、Grafana 搭导航页或监控面板，需要一套风格统一的图标。
• 写 AI 助手/智能体（Agent）的开发者：你的 Agent 可以通过 MCP 协议直接调用这个图标库，自动为 docker-compose.yml 里的每个服务匹配图标。
• 做前端/网页开发的人：需要给 GitHub、Docker、Nginx 这类第三方服务配 Logo 时，不用再一个个去官网找图。

能解决什么问题

1. 图标风格不统一，拼在一起很乱

自己收集的图标有的彩色、有的单色、有的带背景，放在同一个导航页里不协调。这个库的图标视觉风格统一，每个都提供 Light 和 Dark 两种配色，能匹配深色或浅色主题。

2. 找图标要翻好几个网站，效率低

3400 多个图标覆盖了主流服务和工具，支持 SVG、PNG、WEBP 三种格式。在 dashboardicons.com 上可以直接搜索、预览，复制 CDN 链接用，不用下载再上传。

3. AI 助手拿不到图标，得手动查

这是项目比较特别的地方。它提供了一个免费的 MCP 服务器（https://dashboardicons.com/api/mcp），不用 API Key。你的 Claude Code、Codex、Cursor 等助手可以通过 MCP 协议连上它，发条指令就能拿到 docker-compose.yml 里所有服务对应的图标和 CDN 链接，还能顺带搜一下 selfh.st、LobeHub、Simple Icons 这几个图标库。

怎么开始用

最简单的用法是直接用 CDN 链接，格式是这样：

<Base URL>/<Format>/<Icon Name>.<Format>

推荐用 jsDelivr 作为 Base URL：

https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons

比如要引用 GitHub 的 SVG 图标，链接就是：

https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/github.svg

如果你用 Claude Code，想让它能直接查图标，运行这条命令：

claude mcp add --transport http dashboard-icons https://dashboardicons.com/api/mcp

Cursor 用户在 .cursor/mcp.json 文件里加这段配置：

{
  "mcpServers": {
    "dashboard-icons": {
      "url": "https://dashboardicons.com/api/mcp"
    }
  }
}

配置好之后，你可以直接对助手说：“Add icons for every service in my docker-compose.yml”。

优点和坑

优点：

• 数量多、格式全：3400 多个图标，SVG、PNG、WEBP 都有，CDN 免费。
• 对 AI 友好：MCP 服务器免费、不用 API Key，支持主流编程助手。
• 社区驱动：缺图标可以去 dashboardicons.com/submit 提交，也能让 Agent 帮你提交。

坑：

• MCP 配置有门槛：不同客户端配置方式不一样，ChatGPT 需要在 Plugins 里手动加自定义 MCP，Workspace 套餐可能还要管理员允许。VS Code、Hermes 的配置路径也不同，得照着 README 一步步来。
• 图标风格有细处不齐：整体视觉语言一致，但 3400 多个图标来自社区贡献，个别图标在细节上可能有差异。
• CDN 依赖 jsDelivr：国内访问 jsDelivr 偶尔不稳定，用在生产环境的话，建议自己先测下连通性。
• MCP 有调用限制：README 提到 MCP 文档里写了 tools、limits 和 sign-in 相关说明，免费服务很可能有频率或功能限制，重度使用前最好先看文档。

适合你吗

适合：自建仪表盘、做导航页的开发者；正在用 Claude Code / Cursor 等 AI 编程助手、想让 Agent 自动配图标的折腾党。

不适合：只想要一两个图标、不想研究 CDN 和 MCP 的轻度用户——直接去 dashboardicons.com 搜索下载就行，没必要折腾这个仓库。另外，如果你完全不用仪表盘也不写代码，这个项目对你没什么用。

---

常见问题

Dashboard Icons 图标库是免费的吗？

免费。Dashboard Icons 是开源项目，提供了 3400 多个图标，支持 SVG、PNG、WEBP 三种格式，可以通过 jsDelivr 这类免费 CDN 直接引用。配套的 MCP 服务器也免费，不需要 API Key。

Dashboard Icons 怎么和 AI 编程助手一起用？

Dashboard Icons 提供了一个免费的 MCP 服务器。如果你用 Claude Code，运行命令 claude mcp add --transport http dashboard-icons https://dashboardicons.com/api/mcp 就能连上。Cursor 用户在 .cursor/mcp.json 里添加服务器配置。之后，AI 助手就能帮你自动匹配和搜索图标了。

Dashboard Icons 图标风格统一吗？

Dashboard Icons 的图标整体视觉语言一致，主要解决仪表盘中图标风格混乱的问题。每个图标都提供 Light 和 Dark 两种配色，适配深浅主题。但项目包含 3400 多个图标，来自社区贡献，个别图标在细节上可能存在微小差异。

Dashboard Icons 支持哪些图标格式？

Dashboard Icons 支持 SVG、PNG、WEBP 三种主流格式，总计超过 3400 个图标。你可以直接在官网 dashboardicons.com 上搜索、预览，复制对应的 CDN 链接使用，不用下载和上传。

Dashboard Icons 的 MCP 服务器有什么限制吗？

根据项目 README 的提示，免费的 MCP 服务器可能有调用频率或功能上的限制。重度使用前，最好先看 MCP 文档里关于 tools、limits 和 sign-in 的详细说明，了解具体限制。

相关工具推荐

• IconPark 图标样式转换工具
• Webstudio 开源可视化网站构建器
• OpenMontage AI 编程助手视频制作工作室