机器翻译正文由机器翻译自项目原始文档(英文),排版经程序统一处理,可能存在偏差,请以原项目仓库为准。
仪表盘图标
为您及您的 AI 代理提供仪表盘图标的权威来源。
一个包含超过 3,400 个精选服务、应用和工具图标及徽标的集合,专为仪表盘和应用目录设计。您的代理也可以使用它们:MCP 服务器 允许 Claude Code、Codex、ChatGPT、Cursor、Hermes、OpenClaw 及其他代理找到合适的图标及其 CDN 链接。
→ Browse the collection at dashboardicons.com
为什么选择仪表板图标?
- 全面收集:为所有流行服务和工具提供3,400个图标
- 统一风格:不同服务之间的统一视觉语言
- 多种格式:提供SVG、PNG和WEBP格式以满足您的需求
- 明暗模式:图标针对明亮和黑暗主题进行优化
- 代理就绪:一个MCP服务器,可在一次调用中将整个
docker-compose.yml匹配到图标,并搜索selfh.st、LobeHub和Simple Icons目录 - 社区驱动:在dashboardicons.com/submit提交缺失的图标,或让您的代理提交
https://github.com/user-attachments/assets/65d61e2c-c80d-4174-8d1a-4117336909e4
使用图标
网站
在 dashboardicons.com 查找并下载图标:
- 搜索你需要的图标
- 点击图标查看详情
- 选择你喜欢的格式
- 下载或复制直接链接
从你的 AI 代理 (MCP) 使用它
通过模型上下文协议(Model Context Protocol)给予你的编码代理或助手直接访问收藏的权限。然后它可以:
- 一次性为
docker-compose.yml或仪表盘配置中的每个服务匹配一个图标 - 返回 SVG、PNG 和 WEBP 的 CDN 链接,提供明亮和黑暗模式,或者返回原始的 SVG 供内联使用
- 还可以按其许可搜索 selfh.st、LobeHub 和 Simple Icons 目录
- 登录后可以提交缺失的图标或建议更新
该服务器免费且无需 API 密钥: https://dashboardicons.com/api/mcp
| 代理 | 设置 |
|---|---|
| Claude Code | claude mcp add --transport http dashboard-icons https://dashboardicons.com/api/mcp |
| Codex | codex mcp add dashboard-icons --url https://dashboardicons.com/api/mcp |
| ChatGPT | 在 ChatGPT 网页端:插件 → → 添加自定义 MCP 服务器,然后粘贴上面的 URL。工作区计划可能需要管理员允许 |
| Cursor | 在 .cursor/mcp.json 的 mcpServers 下添加 "dashboard-icons": { "url": "https://dashboardicons.com/api/mcp" } |
| VS Code | 在 .vscode/mcp.json 的 servers 下添加 "dashboard-icons": { "type": "http", "url": "https://dashboardicons.com/api/mcp" } |
| Hermes 代理 | 在 ~/.hermes/config.yaml 的 mcp_servers 下添加 dashboard-icons: { url: "https://dashboardicons.com/api/mcp" } |
| OpenClaw | openclaw mcp add dashboard-icons --url https://dashboardicons.com/api/mcp --transport streamable-http |
| 其他客户端 | 任何支持 Streamable HTTP 的客户端都可以使用该 URL。仅限标准输入输出的客户端可以使用 npx -y mcp-remote https://dashboardicons.com/api/mcp |
然后可以询问类似 “为我的 docker-compose.yml 中的每个服务添加图标”。你也可以在 dashboardicons.com 打开 添加到 MCP 客户端 来复制粘贴设置。工具、限制和登录详见 MCP 文档。
直接链接
使用此模式从 CDN 获取图标:
<Base URL>/<Format>/<Icon Name>.<Format>
基础 URL 选项:
- jsDelivr (recommended):
https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons - GitHub Direct:
https://raw.githubusercontent.com/homarr-labs/dashboard-icons/main
示例:
<img
src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/plex.svg"
alt="Plex"
/>
技术细节
-
命名规范:烤串式(小写字母加连字符)
- 示例:“Nextcloud Calendar” →
nextcloud-calendar
- 示例:“Nextcloud Calendar” →
-
可用格式:
- SVG:矢量格式(原始源文件)
- PNG:高度512像素(自动生成)
- WEBP:高度512像素(自动生成)
-
变体:
-light后缀用于深色背景(例如,github-light.svg)-dark后缀用于浅色背景(例如,github-dark.svg)
-
命令行:
# Download with curl curl -O https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/nextcloud.svg # Download with wget wget https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/nextcloud.svg
仪表板集成
这些图标可以与流行的仪表板应用程序无缝集成:
……以及许多其他应用程序!
贡献
请求图标
需要一个我们收藏中没有的图标吗?
通过 dashboardicons.com/submit 的表单提交新的图标和现有图标的更新。图标提交不再使用 GitHub issues。
[!IMPORTANT]
如果您希望帮助审核、批准或拒绝图标提交,请联系我们:
- Discord: https://discord.com/invite/aCsmEV5RgA
- 电子邮件: homarr-labs@proton.me
如果你想成为 dashboardicons.com 的管理员,请通过 Discord 或电子邮件告诉我们你为什么想要帮助以及你能为项目带来什么!
- 查看贡献指南以了解具体要求
- 打开dashboardicons.com/submit以添加新图标或建议更新现有图标
- 管理员会审核你的提交。经批准的提交将在维护者发布后上线。
改进仓库
想为仓库本身提供帮助吗?
- Review our Contribution Guidelines
- 分叉仓库,进行更改,并提交拉取请求
- 我们欢迎对文档、网站改进和维护的帮助
支持
- Icon submissions: dashboardicons.com/submit
- GitHub 问题:报告错误
- Email: homarr-labs@proton.me
法律
免责声明:所有产品名称、商标和注册商标均为其各自所有者的财产。图标仅用于识别目的,并不意味着认可。
该网站还索引了来自 Simple Icons 的外部托管图标,通过其 colorable CDN 提供服务。Simple Icons 的来源链接、指南和许可详情在每个外部图标页面上都有注明。品牌颜色、黑色和白色版本可作为 SVG 和 PNG 提供,并且目录预览会自动使用黑色或白色以匹配网站主题。其 CC0-1.0 收藏许可并不放弃第三方商标、专利或品牌指南的限制。
许可:该项目可根据 LICENSE 文件中的条款使用。
由 Homarr Labs 团队和贡献者用 ♥ 制作
- 本文标题:dashboard-icons - 3400 个为仪表板和 AI 代理精选的图标和徽标
- 本文链接:https://www.cn121.com/webapp/homarr-labs-dashboard-icons.html
- 原项目:homarr-labs/dashboard-icons 版权归原作者 homarr-labs 及贡献者所有
- 收录信息:本站于 2026-10-24 收录本项目,本页所列协议与仓库指标均为收录当时的状态;该日期之后原项目的版本更新与协议变更,本页不作同步。
- 开源协议:收录时本项目采用 Apache-2.0(查看 LICENSE 原文),本站译文为其衍生内容;使用、修改、分发请以该仓库 LICENSE 原文为准。本站对原文仅作排版与图片地址适配, 并保留原项目的 NOTICE 与署名要求。
- 站点出处:本文首发于 OneTwoOne,收录自 GitHub 开源项目 homarr-labs/dashboard-icons。
- 翻译说明:本页正文为人工智能生成内容——由机器翻译对原项目 README 初译、经程序校验排版,可能存在错漏,请以原项目文档为准。
- 引用声明:商业转载、第三方聚合或 AI 检索训练引用时,请务必保留以上来源出处、本文永久链接,以及原项目的版权声明与许可信息。
- 下架通道:若原项目此后变更或收紧了许可协议、或作者/权利人认为本站的收录方式(译文、排版适配、简介翻译等)超出其授权范围,请通过 xyd3302001@163.com 发送下架通知,并附上项目地址与本页链接。本站核实后将第一时间删除本页内容,或改为不复制原文的目录性收录;署名更正等其他要求可一并提出。