便捷的DRAW.IO阿里云图标导入工具

画阿里云架构图时，最不想反复做的一件事，就是到处找图标。

ECS、OSS、RDS、ACK，方案里写起来很顺手，到了 draw.io 画图，却还要找一套合适的素材。搜到的图片有的带白底，有的放大就糊，有的来自不同版本的资料，放到一张图里怎么看都不协调。

浏览器标签页越开越多，画布上还没连几根线。

我现在维护的 icons.rambow.cloud，专门整理了可以在 draw.io 里使用的阿里云图标。想画部署架构、网络拓扑，或者给技术方案配一张图，可以先来这里找。网页端支持直接加载，桌面端也能通过 JSON 配置一次导入所选分类。

阿里云图标入口：https://icons.rambow.cloud/?collection=alibaba-cloud#library

先上效果图：

阿里云图标单独成集，按分类查找。

目前阿里云图标集有 888 个条目、9 个分类，包括云计算基础、大数据、安全、人工智能、企业应用、开发者服务、物联网，以及橙色全集和 UI 补充图标。这个数量包含颜色变体和补充图形，不代表 888 个不同的云服务。

画基础设施就先看云计算基础，做数据平台再补大数据相关图标。素材按类别摆在一起，找的时候少翻几页，导入时也能只选当前方案需要的部分。

阿里云架构里经常还会用到开源组件，所以站里也保留了通用软件图标。比如在 ACK 上部署应用，旁边需要画上 Prometheus、Grafana；做 AI 应用时，需要补上 Dify、通义千问或 vLLM，都可以在同一个站里查找，再搭配到图中。

两个图标集合计 1,418 个条目、17 个分类。对主要画阿里云方案的人来说，直接进入阿里云分类就行，需要其他组件时再切换到通用软件。

不过，数量只是参考。画图时能搜到需要的那个，才有用。

网站支持中英文名称和别名搜索。知道产品名就直接搜，也可以按分类浏览。阿里云图标和通用软件图标放在同一套搜索入口里，不用为了补几个组件，再去翻一轮素材网站。

找到之后，接下来的动作尽量简单。

用 draw.io 网页版，可以直接从网站加载图标库。

点击“在 draw.io 加载全部合集”，或者只选择需要的分类，进入编辑器后，图标库就会出现在左侧。把图标拖到画布上，再补连线和文字即可。

只需要阿里云图标时，选中阿里云对应分类即可。如果这次还要画监控或开源中间件，再勾选相应的软件分类，一起加载到编辑器左侧。

素材以 SVG 为主，也有部分 PNG，尽量保留来源图标的颜色和比例。需要说明的是，导入后的图标是图片形状，可以缩放、移动、连接，但不能把每个 Logo 都拆成路径，在 draw.io 里逐笔修改。

用 draw.io 桌面版，我更推荐 JSON 配置导入。

网站可以把所选分类生成到一份桌面配置中，适合一次加载整套阿里云图标，也方便和已有的图标库放在一起。具体操作是：

1. 在网站打开“选择分类加载 / 桌面配置”，勾选需要的阿里云分类。

2. 打开 draw.io 桌面版的“其他 → 配置”（英文界面为 Extras → Configuration），先复制并备份原有 JSON。

3. 将现有 JSON 粘贴到网站的可选输入框，再点击“生成 / 合并配置”。没有自定义配置的，也可以直接生成。

4. 将生成的完整 JSON 粘贴回桌面版配置窗口，应用后重启 draw.io。

5. 重启后即可使用所选图标库；如果左侧没有显示，到“更多图形”里启用对应分类。

已有配置时，建议用网站的合并功能，保留原来的图标库、字体和其他设置。合并在浏览器本地完成，生成的配置已内嵌图片，导入后可以离线使用，也不需要额外安装 JavaScript 插件。

这份配置是生成时的图标快照。后面想用新增图标，再回网站生成、合并一次即可。XML 图标库也保留着，习惯按文件导入的可以继续使用。

另外，我还给经常用 AI 辅助画图的人留了一个入口：Draw.io MCP。

网站的“接入 MCP”里提供了 Codex、Claude Desktop、Cursor 和 VS Code 的配置指引。接好之后，可以让 AI 在绘图过程中搜索这里的图标。比如先试一句：

用 Draw.io MCP 搜索阿里云 OSS 图标，画一个对象存储节点。

如果你已经在用 Draw.io MCP，可以按照网站说明，把 DRAWIO_ICON_SERVICE_URL 设置为：

https://icons.rambow.cloud/api/icons

这个地址是图标搜索 API，配置时要放到对应的环境变量里，不能直接当成远程 MCP Server 地址。使用这个图标接口不需要本站账号或 API Key。

对我来说，这个功能的吸引力在于：让 AI 画图时，也能把具体组件的标识用起来。至于架构里的边界、调用方向、网络关系，还是需要自己检查。

项目代码也放在了 GitHub，图标的来源和使用说明可以一起查看：

https://github.com/rambow-cloud/drawio-software-icons

代码和文档采用 MIT 许可，图标素材则保留各自的上游许可和品牌权利；站内商业图标的使用范围是 draw.io 架构图绘制。

如果你经常用 draw.io 画阿里云方案，可以先导入一套试试。缺了哪个阿里云产品或常用组件，欢迎到 GitHub 提 Issue，最好附上产品页面或图标来源，方便后续补充。

希望下次画图的时候，你能少开几个找 Logo 的标签页。