Thesvg

<p align="center"> <a href="https://thesvg.org"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/glincker/thesvg/main/public/logo-wordmark.svg" /> <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/glincker/thesvg/main/public/logo-wordmark-dark.svg" /> <img src="https://raw.githubusercontent.com/glincker/thesvg/main/public/logo-wordmark-dark.svg" alt="theSVG" height="48" /> </picture> </a> </p> <p align="center"> <strong>5,600+ SVG icons. Brands, AWS, Azure, GCP, and more. Search, copy, ship.</strong> </p> <p align="center"> <a href="https://www.npmjs.com/package/thesvg"><img src="https://img.shields.io/npm/v/thesvg?style=flat-square&color=F97316&label=npm" alt="npm" /></a> <a href="https://www.npmjs.com/package/thesvg"><img src="https://img.shields.io/npm/dm/thesvg?style=flat-square&color=F97316&label=downloads" alt="downloads" /></a> <a href="https://github.com/glincker/thesvg/stargazers"><img src="https://img.shields.io/github/stars/glincker/thesvg?style=flat-square&label=stars" alt="stars" /></a> <a href="https://github.com/glincker/thesvg"><img src="https://img.shields.io/badge/icons-5%2C600%2B-F97316?style=flat-square" alt="5,600+ icons" /></a> <a href="https://github.com/glincker/thesvg/blob/main/LICENSE"><img src="https://img.shields.io/github/license/glincker/thesvg?style=flat-square" alt="license" /></a> <a href="https://www.raycast.com/thegdsks/thesvg"><img src="https://img.shields.io/badge/Raycast-Store-FF6363?style=flat-square&logo=raycast" alt="Raycast" /></a> </p> <p align="center"> <a href="https://thesvg.org"><strong>Browse Icons</strong></a> &nbsp;&bull;&nbsp; <a href="#install">Install</a> &nbsp;&bull;&nbsp; <a href="#cdn">CDN</a> &nbsp;&bull;&nbsp; <a href="#api">API</a> &nbsp;&bull;&nbsp; <a href="#packages">Packages</a> &nbsp;&bull;&nbsp; <a href="https://thesvg.org/compare">Compare</a> &nbsp;&bull;&nbsp; <a href="#contributing">Contribute</a> </p> <br /> <p align="center"> <a href="https://thesvg.org"> <img src="https://raw.githubusercontent.com/glincker/thesvg/main/public/og-image.png" alt="theSVG - 5,600+ SVG icons for developers" width="720" /> </a> </p> <br />

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.

• 5,600+ icons across multiple collections
• 4,019 brand icons across 55+ categories
• 739 AWS Architecture icons (2026-Q1)
• 626 Azure Service icons (2026-Q1)
• 214 Google Cloud icons (2026-Q1)
• 8,400+ 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,019 | Brand logos from 55+ categories | | AWS Architecture | 739 | Official AWS service, resource, category, and group icons (2026-Q1) | | Azure Services | 626 | Microsoft Azure service icons (2026-Q1) | | Google Cloud | 214 | Google Cloud Platform icons (2026-Q1) |

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.

Install

npm 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 | |

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:

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

API

Base URL: https://thesvg.org

| Endpoint | Description | |----------|-------------| | GET /api/icons?q=github&category=AI&limit=20 | Search icons | | GET /api/icons/{slug} | Get single icon with all metadata | | GET /api/categories | List categories with counts | | GET /api/registry/{slug} | shadcn-style registry endpoint | | GET /icons/{slug}/{variant}.svg | Raw SVG file |

# Example: search for AI icons
curl "https://thesvg.org/api/icons?q=openai&limit=5"

Categories

Icons are organized into 55+ categories:

AI Analytics Authentication 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...

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.

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@glincker.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

<a href="https://star-history.com/#glincker/thesvg&Date"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=glincker/thesvg&type=Date&th