Web应用 活跃维护

dashboard-icons

homarr-labs/dashboard-icons

3400 个为仪表板和 AI 代理精选的图标和徽标。SVG、PNG 和 WEBP 格式,提供免费的 CDN,还包括 Claude Code、Codex、ChatGPT、Cursor、Hermes 和 OpenClaw 的 MCP 服务器。

8922
Stars 标星
724
Forks 分支
30
Watchers 关注
30
Open Issues
TypeScript
主要语言
Apache-2.0
开源协议
1.03 GB
仓库大小
7 小时前
最后推送
一键安装扩展 / 插件指令
dsh plugin --profile web add github:homarr-labs/dashboard-icons
git clone https://github.com/homarr-labs/dashboard-icons.git
git clone git@github.com:homarr-labs/dashboard-icons.git
README.md main

机器翻译正文由机器翻译自项目原始文档(英文),排版经程序统一处理,可能存在偏差,请以原项目仓库为准。

仪表盘图标

为您及您的 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 查找并下载图标:

  1. 搜索你需要的图标
  2. 点击图标查看详情
  3. 选择你喜欢的格式
  4. 下载或复制直接链接

从你的 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
  • 可用格式:

    • 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]
如果您希望帮助审核、批准或拒绝图标提交,请联系我们:

如果你想成为 dashboardicons.com 的管理员,请通过 Discord 或电子邮件告诉我们你为什么想要帮助以及你能为项目带来什么!

  1. 查看贡献指南以了解具体要求
  2. 打开dashboardicons.com/submit以添加新图标或建议更新现有图标
  3. 管理员会审核你的提交。经批准的提交将在维护者发布后上线。

改进仓库

想为仓库本身提供帮助吗?

  • Review our Contribution Guidelines
  • 分叉仓库,进行更改,并提交拉取请求
  • 我们欢迎对文档、网站改进和维护的帮助

支持

法律

免责声明:所有产品名称、商标和注册商标均为其各自所有者的财产。图标仅用于识别目的,并不意味着认可。

该网站还索引了来自 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 发送下架通知,并附上项目地址与本页链接。本站核实后将第一时间删除本页内容,或改为不复制原文的目录性收录;署名更正等其他要求可一并提出。