PHPackages                             thesvg/thesvg - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. thesvg/thesvg

ActiveLibrary

thesvg/thesvg
=============

4,000+ brand SVG icons for developers and designers

v2.0.0(5d ago)1891↓100%8[2 issues](https://github.com/GLINCKER/thesvg/issues)MITTypeScriptCI passing

Since Mar 9Pushed today3 watchersCompare

[ Source](https://github.com/GLINCKER/thesvg)[ Packagist](https://packagist.org/packages/thesvg/thesvg)[ Docs](https://thesvg.org/)[ GitHub Sponsors](https://github.com/glincker)[ RSS](/packages/thesvg-thesvg/feed)WikiDiscussions main Synced today

READMEChangelog (10)DependenciesVersions (17)Used By (0)

 [    ![theSVG](https://raw.githubusercontent.com/glincker/thesvg/main/public/logo-wordmark-dark.svg)  ](https://thesvg.org)

 **5,600+ SVG icons. Brands, AWS, Azure, GCP, and more. Search, copy, ship.**

 [![npm](https://camo.githubusercontent.com/b4dc1bf1b42d2a80d5ccae55b0d1b369776182f58da72c63d6500be0a4472fa1/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f7468657376673f7374796c653d666c61742d73717561726526636f6c6f723d463937333136266c6162656c3d6e706d)](https://www.npmjs.com/package/thesvg) [![downloads](https://camo.githubusercontent.com/eaf6bfbece55b4c168a95aded320f85b518f3a1430074427794ab2ca55852aec/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f7468657376673f7374796c653d666c61742d73717561726526636f6c6f723d463937333136266c6162656c3d646f776e6c6f616473)](https://www.npmjs.com/package/thesvg) [![stars](https://camo.githubusercontent.com/4f1e2c86fd38a85a4fb90a74ffc1bddf6e4d8aa7a40e63ffd886bb43ba6f115d/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f676c696e636b65722f7468657376673f7374796c653d666c61742d737175617265266c6162656c3d7374617273)](https://github.com/glincker/thesvg/stargazers) [![5,600+ icons](https://camo.githubusercontent.com/75041d3a726660aed5e28a8840fdeb3666fc76e1e1fbaca1daa78c19556049db/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f69636f6e732d352532433630302532422d4639373331363f7374796c653d666c61742d737175617265)](https://github.com/glincker/thesvg) [![license](https://camo.githubusercontent.com/07929a65aba7429404604f02ee788a9f1351d9a03fef2af7a2cf1ebfcf88f0d7/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f676c696e636b65722f7468657376673f7374796c653d666c61742d737175617265)](https://github.com/glincker/thesvg/blob/main/LICENSE)

 [**Browse Icons**](https://thesvg.org) • [Install](#install) • [CDN](#cdn) • [API](#api) • [Packages](#packages) • [Compare](https://thesvg.org/compare) • [Contribute](#contributing)

 [ ![theSVG - 5,600+ SVG icons for developers](https://raw.githubusercontent.com/glincker/thesvg/main/public/og-image.png) ](https://thesvg.org)

Why theSVG?
-----------

[](#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
-----------

[](#collections)

theSVG organizes icons into collections:

CollectionIconsDescription**Brand Icons**4,019Brand logos from 55+ categories**AWS Architecture**739Official AWS service, resource, category, and group icons (2026-Q1)**Azure Services**626Microsoft Azure service icons (2026-Q1)**Google Cloud**214Google Cloud Platform icons (2026-Q1)### AWS Architecture Icons

[](#aws-architecture-icons)

Browse all AWS service and resource icons at [thesvg.org/collection/aws](https://thesvg.org/collection/aws). Icons are sourced from the official [AWS Architecture Icons](https://aws.amazon.com/architecture/icons/) package and distributed unmodified under [CC BY-ND 2.0](https://creativecommons.org/licenses/by-nd/2.0/). Updated quarterly.

Install
-------

[](#install)

```
npm install thesvg
```

```
import github from "thesvg/github";

github.svg;        // raw SVG string
github.title;      // "GitHub"
github.hex;        // "181717"
github.variants;   // { default: "", mono: "" }
```

Or use the scoped package for tree-shaking:

```
npm install @thesvg/icons
```

Packages
--------

[](#packages)

PackageDescription[`thesvg`](https://www.npmjs.com/package/thesvg)All icons in one package[![npm](https://camo.githubusercontent.com/996cf69908c28107c3dfa49a58da1b471dccc939c7d2f537b72330cbd6ef4ad5/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f7468657376673f7374796c653d666c61742d73717561726526636f6c6f723d463937333136)](https://www.npmjs.com/package/thesvg)[`@thesvg/icons`](https://www.npmjs.com/package/@thesvg/icons)Core icon data, tree-shakeable[![npm](https://camo.githubusercontent.com/913988238aca1b0597c9e3e5560bc05b205cf8530854959add5246a2ac8e6070/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f407468657376672f69636f6e733f7374796c653d666c61742d73717561726526636f6c6f723d463937333136)](https://www.npmjs.com/package/@thesvg/icons)[`@thesvg/react`](https://www.npmjs.com/package/@thesvg/react)Typed React components[![npm](https://camo.githubusercontent.com/36f97d01a5ae935e50675bdc0ed53bf248c7b65ed0c19c50db20c0749eff83db/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f407468657376672f72656163743f7374796c653d666c61742d73717561726526636f6c6f723d463937333136)](https://www.npmjs.com/package/@thesvg/react)[`@thesvg/vue`](https://www.npmjs.com/package/@thesvg/vue)Typed Vue 3 components[![npm](https://camo.githubusercontent.com/e51d1079469961b4bd4e8b74f748f313319d8d3fe95704f4b1b98db123806a75/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f407468657376672f7675653f7374796c653d666c61742d73717561726526636f6c6f723d463937333136)](https://www.npmjs.com/package/@thesvg/vue)[`@thesvg/svelte`](https://www.npmjs.com/package/@thesvg/svelte)Typed Svelte components[![npm](https://camo.githubusercontent.com/cb8965ca0610ae6db02fb21524e3fbcac69314da53d832cb87f3d445f17aa5b6/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f407468657376672f7376656c74653f7374796c653d666c61742d73717561726526636f6c6f723d463937333136)](https://www.npmjs.com/package/@thesvg/svelte)[`@thesvg/cli`](https://www.npmjs.com/package/@thesvg/cli)CLI tool (`npx @thesvg/cli add github`)[![npm](https://camo.githubusercontent.com/c9f8a6e57f07c61e8aae40ab191b3e8eccf3f8302284c5ca3c4aaf43e8975a52/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f407468657376672f636c693f7374796c653d666c61742d73717561726526636f6c6f723d463937333136)](https://www.npmjs.com/package/@thesvg/cli)[`@thesvg/mcp-server`](https://www.npmjs.com/package/@thesvg/mcp-server)MCP server for AI assistants[![npm](https://camo.githubusercontent.com/d2033af0d28201a784c5fca915785edd7af3cef3c551edcd467b72e58f4548e8/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f407468657376672f6d63702d7365727665723f7374796c653d666c61742d73717561726526636f6c6f723d463937333136)](https://www.npmjs.com/package/@thesvg/mcp-server)CDN
---

[](#cdn)

Use any icon directly without installing:

```

```

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

Usage
-----

[](#usage)

### React

[](#react)

```
import { Github, Figma } from "@thesvg/react";

export function Logos() {
  return ;
}
```

### Vue

[](#vue)

```

import { Github, Figma } from "@thesvg/vue";

```

### Svelte

[](#svelte)

```

  import { Github, Figma } from "@thesvg/svelte";

```

### CDN

[](#cdn-1)

```

```

### CLI

[](#cli)

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

Variants
--------

[](#variants)

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

VariantKeyDescriptionDefault`default`Primary brand colorMono`mono`Inherits text colorLight`light`White, for dark backgroundsDark`dark`Black, for light backgroundsWordmark`wordmark`Full text logoWordmark Light`wordmarkLight`White text logoWordmark Dark`wordmarkDark`Dark text logoNot every icon has all variants. `default` is always present.

API
---

[](#api)

Base URL: `https://thesvg.org`

EndpointDescription`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
----------

[](#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
------------

[](#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:**

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

Disclaimer
----------

[](#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 ****. See our [Legal Notice](https://thesvg.org/legal), [TRADEMARK.md](./TRADEMARK.md), and [LEGAL.md](./LEGAL.md) for full details.

License
-------

[](#license)

[MIT](./LICENSE) for the codebase and tooling. Individual brand icons remain the intellectual property of their respective trademark holders.

Star History
------------

[](#star-history)

[    ![Star History Chart](https://camo.githubusercontent.com/737df2357aca5176c2a805455bf1dea6c3fe4ac7c728b73a11dbb9dfce1ae905/68747470733a2f2f6170692e737461722d686973746f72792e636f6d2f7376673f7265706f733d676c696e636b65722f74686573766726747970653d44617465) ](https://star-history.com/#glincker/thesvg&Date)---

 [thesvg.org](https://thesvg.org) • [Issues](https://github.com/glincker/thesvg/issues)

###  Health Score

45

—

FairBetter than 93% of packages

Maintenance99

Actively maintained with recent releases

Popularity19

Limited adoption so far

Community16

Small or concentrated contributor base

Maturity41

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 78.4% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~2 days

Total

5

Last Release

5d ago

Major Versions

v0.8.0 → v1.0.22026-03-11

v1.0.2 → v2.0.02026-03-18

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/39922405?v=4)[GDS K S](/maintainers/thegdsks)[@thegdsks](https://github.com/thegdsks)

---

Top Contributors

[![thegdsks](https://avatars.githubusercontent.com/u/39922405?v=4)](https://github.com/thegdsks "thegdsks (87 commits)")[![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?v=4)](https://github.com/github-actions[bot] "github-actions[bot] (14 commits)")[![actions-user](https://avatars.githubusercontent.com/u/65916846?v=4)](https://github.com/actions-user "actions-user (9 commits)")[![jeremyruppel](https://avatars.githubusercontent.com/u/251146?v=4)](https://github.com/jeremyruppel "jeremyruppel (1 commits)")

---

Tags

brandbrand-assetsbrand-colorsbrandingbrandsdesignfigmahacktoberfesticon-packiconsiconsetlogologosreactsveltesvgsvg-iconsui-componentsvector-iconsvueiconssvgbrandlogosBrand Icons

### Embed Badge

![Health badge](/badges/thesvg-thesvg/health.svg)

```
[![Health](https://phpackages.com/badges/thesvg-thesvg/health.svg)](https://phpackages.com/packages/thesvg-thesvg)
```

###  Alternatives

[blade-ui-kit/blade-icons

A package to easily make use of icons in your Laravel Blade views.

2.4k31.8M214](/packages/blade-ui-kit-blade-icons)[twbs/bootstrap-icons

Official open source SVG icon library for Bootstrap

7.9k2.0M45](/packages/twbs-bootstrap-icons)[simple-icons/simple-icons

SVG icons for popular brands

24.5k188.7k3](/packages/simple-icons-simple-icons)[symfony/ux-icons

Renders local and remote SVG icons in your Twig templates.

525.3M52](/packages/symfony-ux-icons)[oscarotero/inline-svg

PHP library to embed svg in the html

1932.0k1](/packages/oscarotero-inline-svg)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
