设计与前端 svg-iconsbrand-logosaws-iconsazure-iconsgoogle-cloud-iconscdnnpm-packagesjsdelivr

theSVG 品牌图标库

6,500+ 品牌 SVG 图标与云架构图标,通过可预测的 CDN URL 直接获取,无需抓取网页或猜测文件路径。

FollowSkills 评估 · FSRS-2.0
谨慎使用
56/ 100 五分制 2.8 / 5
1 2 3 4 5 6
1信任安全16 / 25 · 3.2/5

该技能为只读的 URL/清单查询,不要求凭证、不执行任意代码、不写文件,数据流透明;SECURITY.md 描述了对 SVG 的恶意载荷扫描,LICENSE 为 MIT,商标与 CC BY-ND 许可风险被主动提示。扣分项:SVG 内容依赖外部 CDN(jsDelivr/thesvg.org),技能本身未提供校验或回退机制;安全扫描脚本的执行证据未在所给文件中呈现;发布者身份未经注册表核实,归因链不完整。

2可靠稳定10 / 20 · 2.5/5

技能描述的 URL 模式、清单端点、slug/变体规则内部一致,含明确的回退建议(default 变体);仓库内 CLI 的错误处理有较完整的测试(网络错误、HTTP 500/404、坏 JSON、异常形状)。扣分项:这些测试覆盖的是 CLI 包而非技能本身的关键路径(jsDelivr URL、icons. 清单);CDN 路径固定在 @main(可变分支),存在非确定性与漂移风险;静态审查无法验证 URL 实际可达,变体覆盖为'最多7种'而非保证存在。

3适用触发10 / 15 · 3.3/5

触发条件写得非常精确(品牌/logo/云服务图标),并明确排除通用 UI 图标并指向 Lucide/Heroicons,非适用边界清晰;交付形式按用户上下文分表给出。扣分项:无中文说明,也未讨论中国大陆可达性——jsDelivr 在中国大陆历史上不稳定,而备用端点 thesvg.org 也在境外,核心功能完全依赖这些服务;未声明对离线/自托管场景的支持虽在 README 提及但技能未整合。

4规范维护10 / 15 · 3.3/5

MIT 许可明确,SECURITY.md、legal/TRADEMARK/LEGAL 文档链接、changesets 版本管理、双端点架构与缓存建议齐全,图标提交与品牌下架流程有说明。扣分项:技能描述称 6,500+ 图标而 README 称 7,400+,数字不一致;SKILL.md 无版本号或更新日期;CDN 固定在 @main 分支而非发布标签,缺乏稳定版本引用;维护责任归属(glincker/thesvg.org)存在但未经核实。

5有效结果6 / 15 · 2.0/5

技能目标明确(返回可直接使用的 CDN URL 或 SVG 标记),示例 URL、注册表匹配策略、明暗背景变体选择规则都降低了使用成本,相比手动抓取品牌资产有真实边际价值。扣分项:静态审查无法验证输出 URL 实际返回正确 SVG;对'6,500+'规模、'default 永远存在'等关键承诺缺少已提交的复现证据;README 与技能的图标数量差异削弱了规模声明可信度。

6证据核验4 / 10 · 2.0/5

证据类型包括:技能内可检验的 URL 模式、仓库内 CLI 包的网络错误处理测试、CI 工作流(actionlint、自动合并门禁)、SECURITY.md 的扫描说明。扣分项:这些测试与 CI 并不覆盖技能自身的关键路径(图标 URL 与 icons. 清单的可达性与正确性),安全扫描脚本文件未在证据中提供,声明与推断(如图标总数、'no rate limits')缺少独立交叉验证,静态审查未执行任何复现。

证据充分度: 评估于 2026年9月18日 审查版本 806ed164b42a
使用前请注意
  • 技能内所有示例 URL 固定在 @main 分支,内容可随时变动,生产使用建议改为固定发布标签或本地自托管。
  • jsDelivr 与 thesvg.org 在中国大陆的可达性均不稳定,核心功能可能无法直接使用,建议提前准备镜像或自托管方案。
  • 品牌商标风险由用户自行承担:技能已提示 CC BY-ND(禁止演绎)与商标使用规范,商业用途前请核对各品牌指南,勿按其建议直接改色/变形品牌标志。
  • 技能描述的图标数量(6,500+)与 README(7,400+)不一致,且图标总数、'无速率限制'等声明未经独立验证;安全扫描脚本未随证据提供。
  • 本评估为纯静态审查,未执行任何 URL 请求或测试,实际可用性需自行复现验证。
查看完整评分方法 →

这个 Skill 能做什么,适合哪些场景?

theSVG 是一个开源的 SVG 图标库,收录 4,629 个品牌 Logo、739 个 AWS 架构图标、626 个 Azure 服务图标和 214 个 Google Cloud 图标,共 12,300+ 变体(彩色、单色、浅色、深色、字标)。技能文件教会 AI 代理通过统一的 URL 模式从 jsDelivr 或 thesvg.org 拉取图标,并使用 JSON 注册表按名称或别名查找 slug。代码库为 MIT 许可,但各品牌图标本身仍归 respective 商标持有者所有;AWS 图标按 CC BY-ND 2.0 分发、不得修改。适合需要在文档、README、架构图或前端项目中快速嵌入真实品牌图标的开发者和设计者。

根据品牌名查询 JSON 图标注册表(slug、标题、别名、分类、十六进制色值);拼接标准 URL 获取 default、mono、light、dark、wordmark 等变体的 SVG;按用户上下文返回 Markdown、HTML、React/Vue/Svelte 组件或原始 SVG 代码;为 AWS、Azure、GCP 架构图按计算/存储/网络分层组织图标 URL;对缺失品牌引导用户到 thesvg.org/submit 提交。

  1. 开发者写 README 或文档时需要嵌入 GitHub、Tailwind 等品牌的正确 Logo
  2. 云架构师在 Excalidraw、Mermaid 或 Figma 中绘制 AWS/Azure/GCP 架构图时需要官方服务图标
  3. 前端开发者为集成页面(如 Slack、Notion、Stripe 图标)添加品牌图标,可选用 @thesvg/react 等类型安全组件包
  4. AI 代理或自动化脚本批量生成含品牌图标的文档,需使用 jsDelivr CDN 承受突发请求
  5. 处理深色背景页面时需要图标的浅色/单色变体

这个 Skill 有哪些优点和局限?

优点
  • 6,500+ 图标、12,300+ 变体,含官方 AWS/Azure/GCP 云图标集
  • URL 模式完全可预测,无鉴权、无速率限制,代理可直接拼接
  • 提供完整 JSON 注册表,支持一次缓存、客户端侧搜索
  • MIT 许可的代码库,npm 包类型安全、可 tree-shake,覆盖 React/Vue/Svelte/CLI/MCP 多端
  • 技能文件自带变体选择、深浅背景、商标合规等实用指导
局限
  • 各品牌图标仍是受商标保护的资产,商用需自行核对各品牌使用规范,且 AWS 图标禁止修改
  • 并非每个图标都有全部 7 种变体,深浅色变体可能缺失
  • 分类源文件未提供单元测试、贡献者数量或性能基准等证据
  • 仅限命名品牌和服务图标,通用 UI 图标需改用 Lucide、Heroicons 等库

如何安装这个 Skill?

安装该技能:npx skills add glincker/thesvg,技能文件位于仓库的 skills/thesvg/SKILL.md。无需其他本地依赖,只需能访问 jsDelivr CDN 或 thesvg.org 的 HTTP 端点。

如何使用这个 Skill?

直接向代理提出类似『给我 GitHub 的 SVG Logo』、『我需要 AWS Lambda 和 S3 的架构图标』或『OpenAI 标志深色变体的 URL 是什么』的请求。代理会先拉取注册表(https://cdn.jsdelivr.net/gh/glincker/thesvg@main/src/data/icons.),按标题/别名匹配 slug,再返回对应变体的 CDN URL 或原始 SVG 标记。也可配合生态工具:npx @thesvg/cli add github、MCP 服务器 @thesvg/mcp-server、Figma 插件或 VS Code 扩展。

这个 Skill 与同类方案有什么区别?

源文件指出:大多数图标库聚焦 UI 图标(如技能自身推荐的 Lucide、Heroicons),品牌 Logo 分散在各新闻资料包和 GitHub 仓库中,theSVG 定位为品牌与云服务图标的单一来源。

常见问题

商用是否免费?
代码库为 MIT 许可,可自由使用。但各品牌 Logo 是各自所有者的商标,商用前应查阅对应品牌的使用指南;AWS 架构图标按 CC BY-ND 2.0 分发,禁止修改后再分发。
调用有速率或鉴权限制吗?
没有。图标 CDN 与注册表均为静态资源,无需鉴权。技能建议代理流量走 jsDelivr,以避免影响 thesvg.org 的普通访问;用户可见的页面可直接用 thesvg.org URL。
找不到某个品牌怎么办?
可让用户到 thesvg.org/submit 提交,维护者接受域名注册满 30 天的任何公司的品牌提交,也可直接向仓库发 PR。
是否只能搭配某个框架?
不是。可直接用 CDN URL 嵌入任意 HTML/Markdown,也可选择 @thesvg/react、@thesvg/vue、@thesvg/svelte 类型安全包,或用 @thesvg/cli 安装到项目。

相关 Skills