glincker/thesvg

7,400+ brand SVG icons for developers. Tree-shakeable, typed, open source. npm i thesvg

TypeScript

2,824

935 commits

updated Oct 11, 2026

See the code

README

theSVG

The open SVG brand library. 7,400+ logos and cloud icons, free to search, copy, and ship.

npm downloads MCP server jsDelivr stars Discord 7,400+ icons license Figma VS Code Raycast Iconify Neovim Alfred Chrome skills.sh Homebrew

Browse Icons  •  Install  •  Extensions  •  CDN  •  API  •  Packages  •  Compare  •  Community  •  Contribute


theSVG - 7,400+ SVG icons for developers

Use it anywhere

Web
Search and copy in the browser
React, Vue, Svelte
Tree-shakeable npm packages
CLI
Add icons from your terminal
MCP server
Give AI editors your logos
Raycast
macOS and Windows
VS Code
Insert icons in your editor

Free and open source. If thesvg saves you time, a star helps other developers find it.
Star thesvg on GitHub


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:

CollectionIconsDescription
Brand Icons4,675Brand logos from 115+ categories
Auth Badges858Circular icon badges styled for 2FA/authenticator apps
AWS Architecture739Official AWS service, resource, category, and group icons (2026-Q1)
Azure Services626Microsoft Azure service icons (2026-Q1)
Community256Dev tools, databases, and frameworks sourced from the open-source community
Google Cloud214Google Cloud Platform icons (2026-Q1)
Kubernetes38Official 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

PackageDescription
thesvgAll icons in one packagenpm
@thesvg/iconsCore icon data, tree-shakeablenpm
@thesvg/reactTyped React componentsnpm
@thesvg/vueTyped Vue 3 componentsnpm
@thesvg/svelteTyped Svelte componentsnpm
@thesvg/cliCLI tool (npx @thesvg/cli add github)npm
@thesvg/mcp-serverMCP server for AI assistantsnpm

Extensions

Use theSVG icons everywhere you build, design, and ship. Browse the full ecosystem at thesvg.org/extensions.

ExtensionStatusDescription
Figma PluginPublishedBrowse 7,400+ brand SVGs, variant picker, recents row, keyboard shortcuts. Insert as editable vectors.
VS CodePublishedSearch 7,400+ icons from the command palette. Copy SVG, JSX, CDN link, or insert at cursor.
RaycastPublishedSearch, preview, and copy any brand SVG in one keystroke. Filter by category, preview variants.
MCP ServerPublishedAI tool calls for Claude, Cursor, Windsurf. Fetch icons by name or category.
Agent SkillPublishedDrop-in skill for AI agents. Install via npx skills add glincker/thesvg. Teaches the icon CDN and registry.
@thesvg/cliPublishedshadcn-style installer. npx @thesvg/cli add github drops the SVG into your project.
HomebrewPublishedbrew tap glincker/thesvg && brew install thesvg
CDN via jsDelivrPublishedServe any icon via global CDN. Drop into HTML, CSS, Markdown, Notion, Webflow, Framer.
IconifyPublishedBrand icons available as thesvg (mono) and thesvg-color sets. Works with any Iconify-consuming tool: Mermaid architecture diagrams, Iconify's VS Code and Figma plugins, @iconify/react, and more.
Browser ExtensionBetaChrome, Firefox, Edge popup with 7,400+ brand SVGs. MV3, no telemetry.
JetBrainsOpenIntelliJ, WebStorm, PyCharm, Rider tool window. Help wanted.
NeovimPublishedLua plugin with Telescope picker. Insert SVG URL or inline content at cursor.
Alfred WorkflowPublishedmacOS quick access. Search anywhere, copy SVG, CDN URL, or markdown.
Sketch / Blender / Webflow / NotionOpenTracking 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.

CDN

Use any icon directly without installing:

<!-- 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" />

URL pattern: https://thesvg.org/icons/{slug}/{variant}.svg

Usage

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" />

CDN

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

CLI

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

Variants

Icons support up to 7 variants to match any design context:

VariantKeyDescription
DefaultdefaultPrimary brand color
MonomonoInherits text color
LightlightWhite, for dark backgrounds
DarkdarkBlack, for light backgrounds
WordmarkwordmarkFull text logo
Wordmark LightwordmarkLightWhite text logo
Wordmark DarkwordmarkDarkDark text logo

Not every icon has all variants. default is always present.

API

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

EndpointDescription
GET /api/registry.jsonFull icon manifest (slug, title, aliases, categories, hex, url, variant keys)
GET /api/categories.jsonCategory list with counts
GET /icons/{slug}/{variant}.svgRaw SVG file (e.g. /icons/openai/default.svg)
# 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).

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 115+ 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.

Join the GLINR Discord

Contributing

Every brand deserves a place. No gatekeeping.

Submit an icon: thesvg.org/submit or open a pull request.

Development setup:

git clone https://github.com/glincker/thesvg.git
cd thesvg
pnpm install
pnpm dev     # http://localhost:3333

See CONTRIBUTING.md for full guidelines.

theSVG runs on hosting, bandwidth, and maintainer time. If the catalog saves you a couple of hours a year, pick a tier and lock that value in. Tiers start at $5/mo and stack from Sketch up to Canvas.

Sponsor on GitHub

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 (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 or email support@glinr.com. See our Legal Notice, TRADEMARK.md, and LEGAL.md for full details.

License

MIT for the codebase and tooling. Individual brand icons remain the intellectual property of their respective trademark holders.

Star History

Star History Chart

thesvg.org  •  Issues

agent-skills
aws
brands
cloud-icons
design-resources
hacktoberfest
icon-pack
icons
logos
nextjs
npm-package
open-source
react
skills
svelte
svg
svg-icons
tailwindcss
typescript
vue

glincker/thesvg

7,400+ brand SVG icons for developers. Tree-shakeable, typed, open source. npm i thesvg

TypeScript

2,824

935 commits

updated Oct 11, 2026

See the code

README

theSVG

The open SVG brand library. 7,400+ logos and cloud icons, free to search, copy, and ship.

npm downloads MCP server jsDelivr stars Discord 7,400+ icons license Figma VS Code Raycast Iconify Neovim Alfred Chrome skills.sh Homebrew

Browse Icons  •  Install  •  Extensions  •  CDN  •  API  •  Packages  •  Compare  •  Community  •  Contribute


theSVG - 7,400+ SVG icons for developers

Use it anywhere

Web
Search and copy in the browser
React, Vue, Svelte
Tree-shakeable npm packages
CLI
Add icons from your terminal
MCP server
Give AI editors your logos
Raycast
macOS and Windows
VS Code
Insert icons in your editor

Free and open source. If thesvg saves you time, a star helps other developers find it.
Star thesvg on GitHub


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:

CollectionIconsDescription
Brand Icons4,675Brand logos from 115+ categories
Auth Badges858Circular icon badges styled for 2FA/authenticator apps
AWS Architecture739Official AWS service, resource, category, and group icons (2026-Q1)
Azure Services626Microsoft Azure service icons (2026-Q1)
Community256Dev tools, databases, and frameworks sourced from the open-source community
Google Cloud214Google Cloud Platform icons (2026-Q1)
Kubernetes38Official 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

PackageDescription
thesvgAll icons in one packagenpm
@thesvg/iconsCore icon data, tree-shakeablenpm
@thesvg/reactTyped React componentsnpm
@thesvg/vueTyped Vue 3 componentsnpm
@thesvg/svelteTyped Svelte componentsnpm
@thesvg/cliCLI tool (npx @thesvg/cli add github)npm
@thesvg/mcp-serverMCP server for AI assistantsnpm

Extensions

Use theSVG icons everywhere you build, design, and ship. Browse the full ecosystem at thesvg.org/extensions.

ExtensionStatusDescription
Figma PluginPublishedBrowse 7,400+ brand SVGs, variant picker, recents row, keyboard shortcuts. Insert as editable vectors.
VS CodePublishedSearch 7,400+ icons from the command palette. Copy SVG, JSX, CDN link, or insert at cursor.
RaycastPublishedSearch, preview, and copy any brand SVG in one keystroke. Filter by category, preview variants.
MCP ServerPublishedAI tool calls for Claude, Cursor, Windsurf. Fetch icons by name or category.
Agent SkillPublishedDrop-in skill for AI agents. Install via npx skills add glincker/thesvg. Teaches the icon CDN and registry.
@thesvg/cliPublishedshadcn-style installer. npx @thesvg/cli add github drops the SVG into your project.
HomebrewPublishedbrew tap glincker/thesvg && brew install thesvg
CDN via jsDelivrPublishedServe any icon via global CDN. Drop into HTML, CSS, Markdown, Notion, Webflow, Framer.
IconifyPublishedBrand icons available as thesvg (mono) and thesvg-color sets. Works with any Iconify-consuming tool: Mermaid architecture diagrams, Iconify's VS Code and Figma plugins, @iconify/react, and more.
Browser ExtensionBetaChrome, Firefox, Edge popup with 7,400+ brand SVGs. MV3, no telemetry.
JetBrainsOpenIntelliJ, WebStorm, PyCharm, Rider tool window. Help wanted.
NeovimPublishedLua plugin with Telescope picker. Insert SVG URL or inline content at cursor.
Alfred WorkflowPublishedmacOS quick access. Search anywhere, copy SVG, CDN URL, or markdown.
Sketch / Blender / Webflow / NotionOpenTracking 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.

CDN

Use any icon directly without installing:

<!-- 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" />

URL pattern: https://thesvg.org/icons/{slug}/{variant}.svg

Usage

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" />

CDN

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

CLI

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

Variants

Icons support up to 7 variants to match any design context:

VariantKeyDescription
DefaultdefaultPrimary brand color
MonomonoInherits text color
LightlightWhite, for dark backgrounds
DarkdarkBlack, for light backgrounds
WordmarkwordmarkFull text logo
Wordmark LightwordmarkLightWhite text logo
Wordmark DarkwordmarkDarkDark text logo

Not every icon has all variants. default is always present.

API

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

EndpointDescription
GET /api/registry.jsonFull icon manifest (slug, title, aliases, categories, hex, url, variant keys)
GET /api/categories.jsonCategory list with counts
GET /icons/{slug}/{variant}.svgRaw SVG file (e.g. /icons/openai/default.svg)
# 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).

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 115+ 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.

Join the GLINR Discord

Contributing

Every brand deserves a place. No gatekeeping.

Submit an icon: thesvg.org/submit or open a pull request.

Development setup:

git clone https://github.com/glincker/thesvg.git
cd thesvg
pnpm install
pnpm dev     # http://localhost:3333

See CONTRIBUTING.md for full guidelines.

theSVG runs on hosting, bandwidth, and maintainer time. If the catalog saves you a couple of hours a year, pick a tier and lock that value in. Tiers start at $5/mo and stack from Sketch up to Canvas.

Sponsor on GitHub

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 (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 or email support@glinr.com. See our Legal Notice, TRADEMARK.md, and LEGAL.md for full details.

License

MIT for the codebase and tooling. Individual brand icons remain the intellectual property of their respective trademark holders.

Star History

Star History Chart

thesvg.org  •  Issues

agent-skills
aws
brands
cloud-icons
design-resources
hacktoberfest
icon-pack
icons
logos
nextjs
npm-package
open-source
react
skills
svelte
svg
svg-icons
tailwindcss
typescript
vue

Project health

Latest release

3.3.13 · Oct 9, 2026

Releases this year

86

Significant stargazers

(top 24 of 26)

Mitar

448 followers · starred Apr 2026

Nicolas Gallagher

11,399 followers · starred Apr 2026

Trevin Chow

678 followers · starred Apr 2026

Necati Özmen

1,268 followers · starred Mar 2026