25k Star！Simple Icons：3400 个品牌图标随取随用
做前端或者写文档的时候，你肯定遇到过这种糟心事。
想在页面上放几个品牌图标，搜出来的不是带白底的 PNG，就是风格乱七八糟的 SVG。GitHub、Twitter、Vercel 每个图标长得都不一样，有的粗有的细，放在一块儿特别违和。有些 logo 还涉及版权，不敢乱用。
找个统一、免费、能商用的品牌图标库，比想象中难。
Simple Icons 就是干这个的。
一、Simple Icons 是什么
这是一个专门收录流行品牌 SVG 图标的开源库，目前覆盖了 3400 多个品牌，从科技巨头到小众工具都有。每个图标都是单一的矢量路径，风格统一，并且附带品牌的官方色值。
说白了，它就是一个「品牌图标字典」。做网站、写文档、做 PPT，需要哪个品牌的图标，直接查、直接用。项目采用 CC0-1.0 协议，也就是公共领域，商用完全没问题。
二、它能做什么
2.1 品牌覆盖极全
3400 多个图标是什么概念？基本上你叫得出名字的技术产品、社交平台、云服务、硬件品牌，这里都有。GitHub、Vercel、AWS、Docker、Notion、Figma、Slack、Discord、Redis、Rust……连比较冷门的比如 Karakeep、TRMNL、ty 这些新项目也在持续收录。
每周发一次新版，每次新增 2 到 5 个图标。这种更新频率说明社区极其活跃。
2.2 使用方式灵活
不管你是写网页、做 Node 项目，还是纯粹想下载一个 SVG 文件，它都能满足。
最直接的用法是去 simpleicons.org，搜索品牌名，点击下载。零配置，零学习成本。
如果是项目里用，可以通过 jsDelivr 或 unpkg 的 CDN 直接引用：
<img src="https://cdn.jsdelivr.net/npm/simple-icons@v16/icons/github.svg" />还有一个官方 CDN 支持自定义颜色：
<img src="https://cdn.simpleicons.org/github/gray" />
<img src="https://cdn.simpleicons.org/github/_/eee" />甚至支持暗色模式自动切换：
<img src="https://cdn.simpleicons.org/github/eee/111" />2.3 npm 包与 Tree-shaking
对于现代前端项目，直接装 npm 包更省事：
npm install simple-icons然后按需引入，配合 webpack、Vite 这类支持 tree-shaking 的构建工具，只会打包你用到的图标，不会增加额外体积。
import { siGithub, siVercel, siDocker } from 'simple-icons';返回的对象包含标题、slug、色值、SVG 路径等完整信息，方便二次处理。
2.4 第三方生态
因为项目本身只提供原始 SVG 和 JavaScript 对象，社区做了大量封装：
-
• React 组件：
@icons-pack/react-simple-icons，每周 8 万多次下载 -
• Vue 3 组件、Svelte 组件
-
• Figma 插件、Raycast 扩展
-
• Blender 插件、Draw.io 图库
-
• Python、Rust、Go、PHP、Java 等语言的包装库
这意味着不管你用什么技术栈，几乎都能找到对应的集成方案。
三、快速上手
最简单的用法，直接通过 CDN 引用：
<img height="32" width="32" src="https://cdn.jsdelivr.net/npm/simple-icons@v16/icons/github.svg" />推荐锁定主版本号（@v16），这样不会收到破坏性更新。如果不在乎偶尔 404，可以用 @latest。
需要自定义颜色时，用官方 CDN：
<img src="https://cdn.simpleicons.org/github/gray" />Node 项目里：
npm install simple-iconsimport { siGithub } from 'simple-icons';
console.log(siGithub.svg); // SVG 字符串
console.log(siGithub.hex); // 官方色值：#181717四、避坑提示
-
• 所有图标都是 monochrome 的，如果需要彩色品牌 logo，得另找方案
-
• 没有 CLI 工具，批量处理需要自己写脚本
-
• 小众品牌可能被移除，不要对冷门图标有长期依赖
写在最后
3400 多个图标，每周更新，100 多人贡献，每周 20 万次下载。没什么花里胡哨的，就是管用。
如果你也经常为找一个干净的品牌图标而头疼，试试看。说不上惊艳，但确实省心。
开源地址：https://github.com/simple-icons/simple-icons 官网：https://simpleicons.org
觉得有用的话，点个赞、收藏一下，也欢迎转发给需要的朋友。
有什么想聊的，评论区见。
关注「妙想栈」，每天带你发现 GitHub 上最实用的开源项目。