The open SVG brand library

A HOME FOR EVERY BRAND.

7,600+ brand logos and cloud icons. Search, copy and ship them as SVG, React, Vue, Svelte, CDN, CLI or MCP.
Free, open source, no gatekeeping.

Browse icons  •  Quick start  •  Install  •  Extensions  •  CDN  •  API  •  Packages  •  Compare  •  Community  •  Contribute  •  Contributors

_{Every logo below is served straight from theSVG.}

Google 100+ logos

Microsoft 70+ logos

Adobe 30+ logos

Amazon 18 logos

Apple 16 logos

JetBrains 16 logos

IBM 14 logos

", mono: "" } ``` Or use the scoped package for tree-shaking: ```bash npm install @thesvg/icons ``` ## Packages Every package is tree-shakeable, fully typed and ships ESM and CJS. Pick the one that fits your stack. |         | Package | Version | Downloads | What it is | Install | | --- | --- | --- | --- | --- | --- | | | [`thesvg`](https://www.npmjs.com/package/thesvg) | [](https://www.npmjs.com/package/thesvg) | [](https://www.npmjs.com/package/thesvg) | All icons in one package | `npm install thesvg` | | | [`@thesvg/icons`](https://www.npmjs.com/package/@thesvg/icons) | [](https://www.npmjs.com/package/@thesvg/icons) | [](https://www.npmjs.com/package/@thesvg/icons) | Core icon data, tree-shakeable | `npm install @thesvg/icons` | | | [`@thesvg/react`](https://www.npmjs.com/package/@thesvg/react) | [](https://www.npmjs.com/package/@thesvg/react) | [](https://www.npmjs.com/package/@thesvg/react) | Typed React components | `npm install @thesvg/react` | | | [`@thesvg/vue`](https://www.npmjs.com/package/@thesvg/vue) | [](https://www.npmjs.com/package/@thesvg/vue) | [](https://www.npmjs.com/package/@thesvg/vue) | Typed Vue 3 components | `npm install @thesvg/vue` | | | [`@thesvg/svelte`](https://www.npmjs.com/package/@thesvg/svelte) | [](https://www.npmjs.com/package/@thesvg/svelte) | [](https://www.npmjs.com/package/@thesvg/svelte) | Typed Svelte components | `npm install @thesvg/svelte` | | | [`@thesvg/react-native`](https://www.npmjs.com/package/@thesvg/react-native) | [](https://www.npmjs.com/package/@thesvg/react-native) | [](https://www.npmjs.com/package/@thesvg/react-native) | React Native components | `npm install @thesvg/react-native` | | | [`@thesvg/cli`](https://www.npmjs.com/package/@thesvg/cli) | [](https://www.npmjs.com/package/@thesvg/cli) | [](https://www.npmjs.com/package/@thesvg/cli) | CLI tool, shadcn-style installer | `npx @thesvg/cli add github` | | | [`@thesvg/mcp-server`](https://www.npmjs.com/package/@thesvg/mcp-server) | [](https://www.npmjs.com/package/@thesvg/mcp-server) | [](https://www.npmjs.com/package/@thesvg/mcp-server) | MCP server for AI assistants | `npx @thesvg/mcp-server` | ## Extensions Use theSVG icons everywhere you build, design and ship. Browse the full ecosystem at [thesvg.org/extensions](https://thesvg.org/extensions). |         | Extension | Status | What it does | | --- | --- | --- | --- | | | [Figma Plugin](https://www.figma.com/community/plugin/1612997159050367763) |  | Browse 7,600+ brand SVGs, variant picker, recents row, keyboard shortcuts. Insert as editable vectors. | | | [VS Code](https://marketplace.visualstudio.com/items?itemName=glincker.thesvg) |  | Search 7,600+ icons from the command palette. Copy SVG, JSX, CDN link, or insert at cursor. | | | [Raycast](https://www.raycast.com/thegdsks/thesvg) |  | Search, preview, and copy any brand SVG in one keystroke. Filter by category, preview variants. | | | [MCP Server](https://www.npmjs.com/package/@thesvg/mcp-server) |  | AI tool calls for Claude, Cursor, Windsurf. Fetch icons by name or category. | | | [Agent Skill](https://skills.sh/glincker/thesvg) |  | Drop-in skill for AI agents. Install via `npx skills add glincker/thesvg`. Teaches the icon CDN and registry. | | | [`@thesvg/cli`](https://www.npmjs.com/package/@thesvg/cli) |  | shadcn-style installer. `npx @thesvg/cli add github` drops the SVG into your project. | | | [Homebrew](https://github.com/glincker/homebrew-thesvg) |  | `brew tap glincker/thesvg && brew install thesvg` | | | [CDN via jsDelivr](https://www.jsdelivr.com/package/gh/glincker/thesvg) |  | Serve any icon via global CDN. Drop into HTML, CSS, Markdown, Notion, Webflow, Framer. | | | [Iconify](https://icon-sets.iconify.design/thesvg-color/) |  | Brand icons available as [`thesvg`](https://icon-sets.iconify.design/thesvg/) (mono) and [`thesvg-color`](https://icon-sets.iconify.design/thesvg-color/) sets. Works with any Iconify-consuming tool: Mermaid architecture diagrams, Iconify's VS Code and Figma plugins, `@iconify/react`, and more. | | | [Browser Extension](https://github.com/glincker/thesvg/tree/main/extensions/browser) |  | Chrome, Firefox, Edge popup with 7,600+ brand SVGs. MV3, no telemetry. | | | [JetBrains](https://github.com/glincker/thesvg/issues?q=label%3Aextension) |  | IntelliJ, WebStorm, PyCharm, Rider tool window. Help wanted. | | | [Neovim](https://github.com/glincker/thesvg/tree/main/extensions/neovim) |  | Lua plugin with Telescope picker. Insert SVG URL or inline content at cursor. | | | [Alfred Workflow](https://github.com/glincker/thesvg/tree/main/extensions/alfred) |  | macOS quick access. Search anywhere, copy SVG, CDN URL, or markdown. | | | [Sketch / Blender / Webflow / Notion](https://github.com/glincker/thesvg/issues?q=label%3Aextension) |  | Tracking issues open. Build a plugin and we will list it here. | > **Build your own:** the API and CDN are fully open with no auth required. Ship a plugin or workflow, then open a PR and we will add it to the table. ## Usage

React, Vue, Svelte, CDN and CLI examples

### React ```tsx import { Github, Figma } from "@thesvg/react"; export function Logos() { return ; } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### CDN ```html ``` ### CLI ```bash npx @thesvg/cli add github npx @thesvg/cli search "ai" ```

## Variants Icons support up to 7 variants to match any design context: | Variant | Key | Description | |---------|-----|-------------| | Default | `default` | Primary brand color | | Mono | `mono` | Inherits text color | | Light | `light` | White, for dark backgrounds | | Dark | `dark` | Black, for light backgrounds | | Wordmark | `wordmark` | Full text logo | | Wordmark Light | `wordmarkLight` | White text logo | | Wordmark Dark | `wordmarkDark` | Dark text logo | Not every icon has all variants. `default` is always present. ## CDN Use any icon directly without installing: ```html ``` **URL pattern:** `https://thesvg.org/icons/{slug}/{variant}.svg` ## API

Static manifest, mirrors and examples

thesvg ships as a fully static site, served from a CDN. There is no dynamic API; instead, two pre-built JSON manifests cover every use case. Search, filter, and pagination happen on the client. Base URL: `https://thesvg.org` | Endpoint | Description | |----------|-------------| | `GET /api/registry.json` | Full icon manifest (slug, title, aliases, categories, hex, url, variant keys) | | `GET /api/categories.json` | Category list with counts | | `GET /icons/{slug}/{variant}.svg` | Raw SVG file (e.g. `/icons/openai/default.svg`) | ```bash # Fetch the manifest once, filter client-side curl "https://thesvg.org/api/registry.json" | jq '.icons[] | select(.slug | contains("openai"))' # Then pull the SVG you want curl "https://thesvg.org/icons/openai/default.svg" ``` ### Mirrors For high-traffic apps, use jsDelivr (free, GitHub-backed) instead of hitting `thesvg.org` directly: ``` https://cdn.jsdelivr.net/gh/glincker/thesvg@main/src/data/icons.json https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/{slug}/{variant}.svg ``` `src/data/icons.json` is the source-of-truth manifest (the same data that builds `/api/registry.json`, with full per-icon fields including `license` and `dateAdded`). You can also clone the repo (~30 MB) and self-host. The codebase is MIT-licensed; individual brand icons remain trademarks of their respective owners (see [LEGAL.md](./LEGAL.md)). > A gated, token-based API is on the roadmap at `api.thesvg.org` for advanced features (search relevance, usage analytics, webhooks). Until then, the static manifest above is the supported integration path.

## Categories Icons are organized into 150+ categories: `AI` `Analytics` `Identity` `Automotive` `Aviation` `Browser` `Cloud` `CMS` `Community` `Crypto` `Database` `Design` `DevTool` `Education` `Entertainment` `Finance` `Food` `Framework` `Gaming` `Hardware` `Hosting` `IoT` `Language` `Library` `Linux` `Media` `Music` `Payment` `Platform` `Privacy` `Security` `Self-Hosted` `Shopping` `Social` `Software` and more... ## Community Questions, icon requests, or showing off what you built? Join the official GLINR Discord, home of theSVG and every other GLINCKER open source project. theSVG has its own forum there, and new releases post to it automatically. ## Run it locally You need [Node.js](https://nodejs.org) 20 or newer and [pnpm](https://pnpm.io). ```bash git clone https://github.com/glincker/thesvg.git cd thesvg pnpm install pnpm dev # http://localhost:3333 ``` | Command | What it does | | --- | --- | | `pnpm dev` | Starts the site with hot reload on port 3333 | | `pnpm build` | Regenerates the API, `llms.txt`, feed and icon tones, then builds the static site | | `pnpm lint` | Runs ESLint | | `pnpm test` | Runs the Vitest suite plus the CLI and icons package tests | | `npx tsx scripts/validate-icons.ts` | Audits every SVG for scripts, bad values, non-mono mono files and missing `viewBox` | **Add an icon:** put the files in `public/icons/{slug}/` (`default.svg`, plus `mono`, `light`, `dark` or `wordmark` as they apply), register the slug in `src/data/icons.json`, run the validator, then open a pull request. Full rules are in [CONTRIBUTING.md](./CONTRIBUTING.md). ## Contributing Every brand deserves a place. No gatekeeping. **Submit an icon:** [thesvg.org/submit](https://thesvg.org/submit) or open a [pull request](https://github.com/glincker/thesvg/pulls). **Development setup:** ```bash git clone https://github.com/glincker/thesvg.git cd thesvg pnpm install pnpm dev # http://localhost:3333 ``` See [CONTRIBUTING.md](./CONTRIBUTING.md) for full guidelines. Questions and icon requests are welcome in the [Discord](https://discord.gg/Ar5pcaZB99). ## Contributors ## Follow along New icons, rebrands and releases land every week. To keep up: - **Star and watch** the repo. Use *Watch, Custom, Releases* to hear about each new version. - **Follow [GLINCKER](https://github.com/glincker)** on GitHub for the rest of what we build. - **Join the [Discord](https://discord.gg/Ar5pcaZB99)** to request icons and see releases the moment they ship. - **Browse [thesvg.org](https://thesvg.org)** to see what was added recently. ## Sponsor theSVG runs on hosting, bandwidth, and maintainer time. If the catalog saves you a couple of hours a year, [pick a tier](./SPONSORS.md) and lock that value in. Tiers start at $5/mo and stack from Sketch up to Canvas. [Sponsor on GitHub](https://github.com/sponsors/glincker) ## Support theSVG runs on hosting, bandwidth and maintainer time. [Sponsor on GitHub](https://github.com/sponsors/glincker) or star the repo so other developers can find it.

## Disclaimer All brand names, logos, and trademarks are the property of their respective owners. theSVG provides these icons for development and design purposes only under nominative fair use. Use of brand assets must comply with each brand's usage guidelines. AWS Architecture Icons are provided under [CC BY-ND 2.0](https://creativecommons.org/licenses/by-nd/2.0/) (No Derivatives). Amazon Web Services and all related marks are trademarks of Amazon.com, Inc. If you are a brand owner and would like an icon updated or removed, please [open an issue](https://github.com/glincker/thesvg/issues) or email **support@glinr.com**. See our [Legal Notice](https://thesvg.org/legal), [TRADEMARK.md](./TRADEMARK.md), and [LEGAL.md](./LEGAL.md) for full details. ## License [MIT](./LICENSE) for the codebase and tooling. Individual brand icons remain the intellectual property of their respective trademark holders. ## Star History ---

thesvg.org  •  Install  •  Extensions  •  Issues

_{Built by GLINCKER. More from the team:}

GLINCKER Open source from the team behind theSVG

Levelrail Self-hosted alternative to Vercel and Coolify. Git push, HTTPS, logs, rollback.

theAuth Auth for AI agents and humans. Agent identity, MCP OAuth 2.1, audit.