dashboard-icons实用的仪表盘图标集【免费下载链接】dashboard-iconsYour definitive source for dashboard icons.项目地址: https://gitcode.com/GitHub_Trending/da/dashboard-icons做个人主页时逐个收集服务图标大概率会碰上这样的麻烦找到的图标风格各不一样有的带背景有的透明换成深色主题后更是一片刺眼。dashboard-icons 就是冲着这个问题来的——它是一份面向仪表盘和应用目录的图标集合收录 1800 多个服务图标视觉风格统一每个图标都提供 SVG、PNG、WEBP 三种格式不少还有深浅色主题变体。它是怎么工作的机制很简单SVG文件是唯一源文件512 像素高的 PNG 和 WEBP 都由它自动生成三类文件分别放在 svg/、png/、webp/ 三个目录里同名对应。命名规则是kebab-caseNextcloud Calendar 对应 nextcloud-calendarGoogle Drive 对应 google-drive。不确定某个服务叫什么名字时查一下根目录 metadata.json 里记录的别名和分类标签。深浅色主题看后缀就行-light版本给深色背景用-dark版本给浅色背景用。可以把它理解成一个已经排版好的图标库取出来直接用。从克隆到跑通第一步是把仓库整个拉到本地后续操作都是对着文件来git clone https://gitcode.com/GitHub_Trending/da/dashboard-icons cd dashboard-icons克隆完成后跑下面这几条命令确认三种格式一一对应、元数据可读# 一个图标三种格式文件名一致 ls svg/plex.svg png/plex.png webp/plex.webp # 按前缀搜 nextcloud 家族图标 ls svg | grep nextcloud # 查某个图标的别名与分类 python3 -c import json; print(json.load(open(metadata.json))[dagster])如果不想整库克隆README 里也给了 CDN 直链的规则路径按基础地址 格式 图标名 扩展名拼装用 curl 一条命令就能把单个文件抓下来不占本地空间。实际能用在哪搭个人服务面板。场景你想把 NAS、媒体服务器、监控面板这几十个服务聚到一页主页上。怎么做在面板配置里按 kebab-case 名字直接引用图标路径或走 CDN 链接。能拿到整页图标笔画、底色风格一致深色模式只需把引用换成-light变体。适配深浅双主题。场景站点有主题切换不想为图标做第二套手工配色。怎么做每个入口同时取基础版和-light/-dark变体两个文件按当前主题加载对应的那份。能拿到同一目录下的图标天然匹配两种主题页面视觉不打架。给 AI 助手程序化查图标。场景用 Cursor 等 MCP 客户端生成仪表盘页面服务名一出现就要自动配好对应图标。怎么做接上仓库自带的MCP server接法写在 web/docs/MCP.md。能拿到按服务名搜索后直接获得 CDN 地址AI 可以把图标引用代码原样写进生成的页面里。踩坑与技巧-light后缀是给深色背景用的-dark给浅色背景和直觉相反按服务名搜不到时先查 metadata.json 的 aliases 字段矢量源文件只在 svg/ 里PNG/WEBP 均为 512 像素高、自动生成网页项目优先用 SVGPNG/WEBP 留给无法加载矢量的场景想补新图标先读 CONTRIBUTING.md 里的规范去 svg/ 目录里按前缀搜几个你常用的服务图标试试。【免费下载链接】dashboard-iconsYour definitive source for dashboard icons.项目地址: https://gitcode.com/GitHub_Trending/da/dashboard-icons创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考