上个月，我问三个同事同一个问题：做"trusted by"那一行品牌Logo，你们从哪儿找图？三个答案，三种翻车方式。一个指向某个没人认领的Figma文件，一个指向从Google Images存下来的PNG文件夹，还有一个说"我从官网新闻页复制SVG"。

三个人交付的东西，都跟品牌官方版本差了一点。找Logo这件事，本该由一个Logo库来解决，但大多数团队还在用最原始的方式硬扛。

打开网易新闻 查看精彩图片

有个叫thesvg的开源项目，把这件事做到了另一个量级：7600+个图标，免费、开源，npm一行装完。

先看三个替代方案卡在哪

Simple Icons把每个Logo压成24×24方框里的一条路径。剪影够用，品牌标识不够用。Slack的四种颜色、Google那个多色G，到了这里全变成单色填充，颜色得你自己从十六进制值里重新调。

它大约收录3400个品牌，没有深色版本，没有字标，部分品牌还应所有者要求被下架——你预期能找到的名字，可能压根不在。

svgl大约670条。一个带集成页、状态页或供应商列表的产品，很快就能把这个数字用完。缺口往往落在区域性银行、小众开发工具和刚改版的品牌上。

Iconify是几百个开源图标集的索引。质量和授权因集而异，每个Logo都得自己核一遍，品牌覆盖取决于底层图标集碰巧收了什么。它解决的是"一个组件加载多种图标"，不是"拿到正确的品牌标识"。

thesvg到底多给了什么

它现在收录超过7600个图标，覆盖品牌Logo、AWS、Azure、Google Cloud架构图标，以及一套Kubernetes图标。

每个品牌最多带七种变体：彩色、单色、浅色、深色、字标，以及主题化字标。你要的那个版本，是一个文件名，不是一项设计任务。

npm install thesvgimport github from "thesvg/github";github.title; // "GitHub"github.hex; // "181717"github.variants; // { default: "", mono: "" }

不想装包，CDN路径是固定格式，一个img标签就能用。项目还提供CLI、React、Vue、Svelte包、JSON API，以及一个MCP服务器——让AI助手去查图标，而不是猜路径。相关产品按家族页分组，比如Google或微软，一次能拿整条产品线。

两分钟跑一遍覆盖率测试

光看数量表没用，关键是你的品牌在不在库里。下面这段脚本读取各项目的公开数据，统计你列出的工具命中几个：

const wanted = ["github", "stripe", "vercel", "supabase", "clickhouse", "immich"];const sources = {simpleIcons: "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/slugs.md",svgl: "https://raw.githubusercontent.com/pheralb/svgl/main/src/data/svgs.ts",thesvg: "https://cdn.jsdelivr.net/gh/glincker/thesvg@main/src/data/icons.json",for (const [name, url] of Object.entries(sources)) {const text = (await (await fetch(url)).text()).toLowerCase();const hits = wanted.filter((b) => text.includes(b));console.log(name.padEnd(12), `${hits.length}/${wanted.length}`);}

这是名称匹配，结果只能当第一遍筛查，漏掉的还是得打开网站确认。在一份74个开发工具的清单上手工跑同样的匹配，thesvg命中73个，Simple Icons约66个，svgl约47个。你的清单结果会不一样，这正是重点——拿你自己的清单跑一遍。

什么场景该用哪个

品牌Logo就用thesvg。它覆盖"trusted by"那一行、集成目录、展示客户连接了哪些工具的仪表盘，以及需要AWS、Azure、Google Cloud或Kubernetes图标的架构图。彩色标识、深色版本、字标都在，品牌列表不会中途见底。

如果你只需要页脚里几个单色社交图标，任何单路径图标集都够。除此之外，都是品牌Logo的活。

免费Logo能商用吗

文件本身通常可以，但有个关键前提。任何库授权的都是合集或代码，没有一家能授权商标。一个CC0或MIT协议的Logo SVG，不等于你有权暗示对方给你背书。

在Logo旁边写"works with Stripe"通常没问题。把竞品的标识放到页面上、装成合作伙伴，不行。真在意的时候，去读品牌自己的规范——品牌方公开发布了规范的，thesvg会在图标页给出链接。