theSVG：一个收录 5600+ 品牌与云架构 SVG 图标的开源图标库，支持 npm、CDN、API 和 MCP 等多种方式调用

还在为找不到合适的品牌图标而烦恼吗？theSVG 提供了 5600+ 品牌 SVG 图标，涵盖 AWS、Azure、GCP 等，支持 tree-shaking、TypeScript，开源免费，让你的项目瞬间拥有专业级的视觉效果！

一、theSVG 是什么

theSVG 是一个为开发者提供的包含 5600+ 品牌 SVG 图标的开源项目。它旨在成为品牌图标、云架构图等 SVG 图标的单一来源。这些图标可搜索、可版本控制，并可通过 npm 包、CDN、CLI、API 和 MCP 服务器获取。

二、功能特点

theSVG 具有以下显著特点：

1. 海量图标： 包含 5600+ 图标，涵盖品牌 logo、云架构图等。
2. 多种分类： 4019+ 品牌图标，分为 55+ 类别；739+ AWS 架构图标（2026 Q1）；626+ Azure 服务图标（2026 Q1）；214+ Google Cloud 图标（2026 Q1）。
3. 多种变体： 8400+ SVG 变体，包括彩色、单色、浅色、深色、文字商标等。
4. Tree-shaking： 只需引入需要的图标，减少项目体积。
5. TypeScript 支持： 完全类型化，支持双重 ESM/CJS。
6. 框架无关： 适用于 React、Vue、Svelte、纯 HTML 或 CDN。
7. AI 就绪： 提供 MCP 服务器，支持 Claude、Cursor 和 Windsurf 等 AI 助手。
8. 多种获取方式： npm 包、CDN、CLI、API 和 MCP 服务器。

三、如何使用

1. 安装：

   npm install thesvg

   或者使用 tree-shaking 的 scoped 包：

   npm install @thesvg/icons

2. 引入：

   import github from "thesvg/github";
   
   github.svg; // raw SVG string
   github.title; // "GitHub"
   github.hex; // "181717"
   github.variants; // { default: "<svg...>", mono: "<svg...>" }

3. CDN：

   <!-- From thesvg.org -->
   <img src="https://thesvg.org/icons/github/default.svg" width="32" height="32" alt="GitHub" />
   
   <!-- From jsDelivr -->
   <img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/github/default.svg" width="32" height="32" alt="GitHub" />

4. 框架使用：

   • React:

     import { Github, Figma } from "@thesvg/react";
     
     export function Logos() {
       return <Github width={24} height={24} className="text-white" />;
     }

   • Vue:

     <script setup>
     import { Github, Figma } from "@thesvg/vue";
     </script>
     
     <template>
       <Github width="24" height="24" />
     </template>

   • Svelte:

     <script>
     import { Github, Figma } from "@thesvg/svelte";
     </script>
     
     <Github width="24" height="24" />

5. CLI：

   npx @thesvg/cli add github
   npx @thesvg/cli search "ai"

四、支持平台

theSVG 适用于各种前端框架，包括 React、Vue、Svelte 等，以及纯 HTML 项目。

五、价格

theSVG 是一个开源项目，使用 MIT 许可证，免费使用。

六、使用场景

theSVG 适用于各种需要品牌图标的场景，包括：

1. 网站和应用程序： 使用品牌图标来增强用户体验。
2. 演示文稿： 在演示文稿中使用品牌图标来提高专业性。
3. 文档： 在文档中使用品牌图标来提高可读性。
4. 云架构图： 使用 AWS、Azure、GCP 图标来绘制云架构图。
5. AI 应用： 为 AI 助手提供品牌图标。

七、运作模式

theSVG 通过社区贡献和维护，不断更新和增加图标。开发者可以通过 npm 包、CDN、CLI、API 等方式获取图标，并将其应用到自己的项目中。

结语

theSVG 是一个强大的品牌 SVG 图标库，提供了丰富的图标资源和便捷的使用方式。无论是前端开发者、设计师还是 AI 开发者，都可以从中受益。

• GitHub 仓库：https://github.com/glincker/thesvg
• theSVG 官网：https://www.thesvg.org/