thesvg
glincker · glincker/thesvg
Cho AI editor truy cập hơn 7.400 icon SVG thương hiệu và cloud qua MCP server, kèm npm package, CLI và CDN.
7,400+ brand SVG icons for developers. Tree-shakeable, typed, open source. npm i thesvg
Xem trước
Bạn có thể làm gì với nó
- Thêm đúng logo thương hiệu vào phần tech stack của landing page
- Chèn icon kiến trúc AWS hoặc Azure vào sơ đồ
- Tìm logo công ty ngay trong AI editor
Kiểm tra an toàn
Không thấy dấu hiệu rủi ro trong các file đã quét.
Quét tự động các file trong repo. Luôn xem lại code trước khi chạy.
Trích từ README
The open SVG brand library. 7,400+ logos and cloud icons, free to search, copy, and ship.
Browse Icons • Install • Extensions • CDN • API • Packages • Compare • Community • Contribute
Use it anywhere
<strong>Web</strong>Search and copy in the browser
<strong>React</strong>, <strong>Vue</strong>, <strong>Svelte</strong>Tree-shakeable npm packages
<strong>CLI</strong>Add icons from your terminal
<strong>MCP server</strong>Give AI editors your logos
<strong>Raycast</strong>macOS and Windows
<strong>VS Code</strong>Insert icons in your editor
Free and open source. If thesvg saves you time, a star helps other developers find it.
Why theSVG?
Most icon libraries focus on UI icons. Brand logos are scattered across press kits, Figma files, and random GitHub repos. theSVG is the single source for SVG icons - brand logos, cloud architecture diagrams, and more. Searchable, versioned, and available as npm packages, CDN, CLI, API, and MCP server.
- 7,400+ icons across multiple collections
- 4,600+ brand icons across 115+ categories
- 858 Auth Badge icons - circular icon badges for 2FA/authenticator apps
- 739 AWS Architecture icons (2026-Q1)
- 626 Azure Service icons (2026-Q1)
- 256 community-curated icons - dev tools, databases, frameworks
- 214 Google Cloud icons (2026-Q1)
- 12,300+ SVG variants - color, mono, light, dark, wordmark
- Tree-shakeable - import one icon, ship only that icon
- TypeScript-first - fully typed, dual ESM/CJS
- Framework-agnostic - React, Vue, Svelte, plain HTML, or CDN
- AI-ready - MCP server for Claude, Cursor, and Windsurf
Collections
theSVG organizes icons into collections:
| Collection | Icons | Description |
|---|---|---|
| Brand Icons | 4,675 | Brand logos from 115+ categories |
| Auth Badges | 858 | Circular icon badges styled for 2FA/authenticator apps |
| AWS Architecture | 739 | Official AWS service, resource, category, and group icons (2026-Q1) |
| Azure Services | 626 | Microsoft Azure service icons (2026-Q1) |
| Community | 256 | Dev tools, databases, and frameworks sourced from the open-source community |
| Google Cloud | 214 | Google Cloud Platform icons (2026-Q1) |
| Kubernetes | 38 | Official Kubernetes/CNCF architecture icons |
AWS Architecture Icons
Browse all AWS service and resource icons at thesvg.org/collection/aws. Icons are sourced from the official AWS Architecture Icons package and distributed unmodified under CC BY-ND 2.0. Updated quarterly.
Auth Badges
Browse the full set at thesvg.org/collection/auth-badges. Circular, flat-color badge icons designed for authenticator-app entry lists and 2FA UI - a distinct visual style from the primary brand-mark collection above. Distributed under CC0-1.0 (public domain).
Install
npm
npm install thesvg
Homebrew
brew tap glincker/thesvg
brew install thesvg
import github from "thesvg/github";
github.svg; // raw SVG string
github.title; // "GitHub"
github.hex; // "181717"
github.variants; // { default: "<svg...>", mono: "<svg...>" }
Or use the scoped package for tree-shaking:
npm install @thesvg/icons
Packages
| Package | Description | |
|---|---|---|
thesvg | All icons in one package | |
@thesvg/icons | Core icon data, tree-shakeable | |
@thesvg/react | Typed React components | |
@thesvg/vue | Typed Vue 3 components | |
@thesvg/svelte | Typed Svelte components | |
@thesvg/cli | CLI tool (npx @thesvg/cli add github) | |
@thesvg/mcp-server | MCP server for AI assistants |
Extensions
Use theSVG icons everywhere you build, design, and ship. Browse the full ecosystem at thesvg.org/extensions.
| Extension | Status | Description |
|---|---|---|
| Figma Plugin | Published | Browse 7,400+ brand SVGs, variant picker, recents row, keyboard shortcuts. Insert as editable vectors. |
| VS Code | Published | Search 7,400+ icons from the command palette. Copy SVG, JSX, CDN link, or insert at cursor. |
| Raycast | Published | Search, preview, and copy any brand SVG in one keystroke. Filter by category, preview variants. |
| MCP Server | Published | AI tool calls for Claude, Cursor, Windsurf. Fetch icons by name or category. |
| Agent Skill | Published | Drop-in skill for AI agents. Install via npx skills add glincker/thesvg. Teaches the icon CDN and registry. |
@thesvg/cli | Published | shadcn-style installer. npx @thesvg/cli add github drops the SVG into your project. |
| Homebrew | Published | brew tap glincker/thesvg && brew install thesvg |
| CDN via jsDelivr | Published | Serve any icon via global |