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. [Image & Media](/categories/media) 4. / 5. thesvg/thesvg ActiveLibrary[Image & Media](/categories/media) thesvg/thesvg ============= 4,000+ brand SVG icons for developers and designers v3.1.0(1mo ago)2.2k8172[25 issues](https://github.com/GLINCKER/thesvg/issues)[13 PRs](https://github.com/GLINCKER/thesvg/pulls)MITTypeScript Since Mar 9Pushed 3w ago7 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 3w ago READMEChangelog (10)DependenciesVersions (95)Used By (0) [ ![theSVG](https://raw.githubusercontent.com/glincker/thesvg/main/public/logo-wordmark-dark.svg) ](https://thesvg.org) **6,030+ 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) [![6,030+ icons](https://camo.githubusercontent.com/3a89f40d533dba266a6343a36c2d6cd279a8371c62d25580c80618b49a8fc271/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f69636f6e732d362532433033302532422d4639373331363f7374796c653d666c61742d737175617265)](https://github.com/glincker/thesvg) [![license](https://camo.githubusercontent.com/07929a65aba7429404604f02ee788a9f1351d9a03fef2af7a2cf1ebfcf88f0d7/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f676c696e636b65722f7468657376673f7374796c653d666c61742d737175617265)](https://github.com/glincker/thesvg/blob/main/LICENSE) [![Figma](https://camo.githubusercontent.com/4c1c8dadd07a324f1517b623e75393965e23553bbbf27df5b4f075cdf73ed3a9/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4669676d612d506c7567696e2d4632344531453f7374796c653d666c61742d737175617265266c6f676f3d6669676d61266c6f676f436f6c6f723d7768697465)](https://www.figma.com/community/plugin/1612997159050367763) [![VS Code](https://camo.githubusercontent.com/6df9c2b04e7d77c4e119d1f0921876c6af49c8dd5ee4fe2c61c944392633bf8a/68747470733a2f2f696d672e736869656c64732e696f2f76697375616c2d73747564696f2d6d61726b6574706c6163652f762f676c696e636b65722e7468657376673f7374796c653d666c61742d73717561726526636f6c6f723d303037414343266c6162656c3d5653253230436f6465266c6f676f3d76697375616c73747564696f636f6465)](https://marketplace.visualstudio.com/items?itemName=glincker.thesvg) [![Raycast](https://camo.githubusercontent.com/851575e7a28de939a29c99b66d1ce6bd4d4116a7c5d7d776439f2ca8d2c474ea/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f526179636173742d53746f72652d4646363336333f7374796c653d666c61742d737175617265266c6f676f3d72617963617374)](https://www.raycast.com/thegdsks/thesvg) [![Neovim](https://camo.githubusercontent.com/88938f8fb7c9b2530ed80bc1baa277b565e1d74e441915ed8fb5a0ffd7bb2cfc/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4e656f76696d2d506c7567696e2d3031393733333f7374796c653d666c61742d737175617265266c6f676f3d6e656f76696d266c6f676f436f6c6f723d7768697465)](https://github.com/glincker/thesvg/tree/main/extensions/neovim) [![Alfred](https://camo.githubusercontent.com/f142a8f2a414349f30c767e1ed8629d1aec636b3158d12f57b95cc9678f87514/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f416c667265642d576f726b666c6f772d3543314638373f7374796c653d666c61742d737175617265266c6f676f3d616c66726564266c6f676f436f6c6f723d7768697465)](https://github.com/glincker/thesvg/tree/main/extensions/alfred) [![Chrome](https://camo.githubusercontent.com/4679826ee1f5e8ae42dffe17d237c19507ea305f888ab62eb7dec66b6fb841a4/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4368726f6d652d436f6d696e67253230536f6f6e2d3432383546343f7374796c653d666c61742d737175617265266c6f676f3d676f6f676c656368726f6d65266c6f676f436f6c6f723d7768697465)](https://github.com/glincker/thesvg/tree/main/extensions/browser) [![skills.sh](https://camo.githubusercontent.com/7884786d99c662ebc92d270db565bdcea9b1fa73d9948695ad252f57b2ea5f22/68747470733a2f2f736b696c6c732e73682f622f676c696e636b65722f746865737667)](https://skills.sh/glincker/thesvg) [![Homebrew](https://camo.githubusercontent.com/7b5a3b756568109aaa99f492de96b126a5cb0268c68c643ecc33541769d7780d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f486f6d65627265772d7468657376672d4642423034303f7374796c653d666c61742d737175617265266c6f676f3d686f6d6562726577266c6f676f436f6c6f723d7768697465)](https://github.com/glincker/homebrew-thesvg) [**Browse Icons**](https://thesvg.org) • [Install](#install) • [Extensions](#extensions) • [CDN](#cdn) • [API](#api) • [Packages](#packages) • [Compare](https://thesvg.org/compare) • [Contribute](#contributing) [ ![theSVG - 6,030+ 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. - **6,030+ 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** ``` 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: "", 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)Extensions ---------- [](#extensions) Use theSVG icons everywhere you build, design, and ship. Browse the full ecosystem at [thesvg.org/extensions](https://thesvg.org/extensions). ExtensionStatusDescription[Figma Plugin](https://www.figma.com/community/plugin/1612997159050367763)PublishedBrowse 6,030+ brand SVGs, variant picker, recents row, keyboard shortcuts. Insert as editable vectors.[VS Code](https://marketplace.visualstudio.com/items?itemName=glincker.thesvg)PublishedSearch 6,030+ icons from the command palette. Copy SVG, JSX, CDN link, or insert at cursor.[Raycast](https://www.raycast.com/thegdsks/thesvg)PublishedSearch, preview, and copy any brand SVG in one keystroke. Filter by category, preview variants.[MCP Server](https://www.npmjs.com/package/@thesvg/mcp-server)PublishedAI tool calls for Claude, Cursor, Windsurf. Fetch icons by name or category.[Agent Skill](https://skills.sh/glincker/thesvg)PublishedDrop-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)Publishedshadcn-style installer. `npx @thesvg/cli add github` drops the SVG into your project.[Homebrew](https://github.com/glincker/homebrew-thesvg)Published`brew tap glincker/thesvg && brew install thesvg`[CDN via jsDelivr](https://www.jsdelivr.com/package/gh/glincker/thesvg)PublishedServe any icon via global CDN. Drop into HTML, CSS, Markdown, Notion, Webflow, Framer.[Browser Extension](https://github.com/glincker/thesvg/tree/main/extensions/browser)BetaChrome, Firefox, Edge popup with 6,030+ brand SVGs. MV3, no telemetry.[JetBrains](https://github.com/glincker/thesvg/issues?q=label%3Aextension)OpenIntelliJ, WebStorm, PyCharm, Rider tool window. Help wanted.[Neovim](https://github.com/glincker/thesvg/tree/main/extensions/neovim)PublishedLua plugin with Telescope picker. Insert SVG URL or inline content at cursor.[Alfred Workflow](https://github.com/glincker/thesvg/tree/main/extensions/alfred)PublishedmacOS quick access. Search anywhere, copy SVG, CDN URL, or markdown.[Sketch / Blender / Webflow / Notion](https://github.com/glincker/thesvg/issues?q=label%3Aextension)OpenTracking 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 --- [](#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) 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.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`)``` # 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 [](#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 ---------- [](#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 53 — FairBetter than 96% of packages Maintenance94 Actively maintained with recent releases Popularity34 Limited adoption so far Community26 Small or concentrated contributor base Maturity50 Maturing project, gaining track record Bus Factor1 Top contributor holds 76% 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 ~6 days Recently: every ~13 days Total 12 Last Release 33d ago Major Versions v0.8.0 → v1.0.22026-03-11 v1.0.2 → v2.0.02026-03-18 v2.3.0 → v3.0.02026-05-16 ### 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 (326 commits)")[![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?v=4)](https://github.com/github-actions[bot] "github-actions[bot] (39 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (33 commits)")[![PhatJack](https://avatars.githubusercontent.com/u/95174489?v=4)](https://github.com/PhatJack "PhatJack (12 commits)")[![actions-user](https://avatars.githubusercontent.com/u/65916846?v=4)](https://github.com/actions-user "actions-user (9 commits)")[![tmih06](https://avatars.githubusercontent.com/u/112760114?v=4)](https://github.com/tmih06 "tmih06 (5 commits)")[![dar0xt](https://avatars.githubusercontent.com/u/62972912?v=4)](https://github.com/dar0xt "dar0xt (2 commits)")[![oscarotero](https://avatars.githubusercontent.com/u/377873?v=4)](https://github.com/oscarotero "oscarotero (1 commits)")[![jeremyruppel](https://avatars.githubusercontent.com/u/251146?v=4)](https://github.com/jeremyruppel "jeremyruppel (1 commits)")[![Copilot](https://avatars.githubusercontent.com/in/1143301?v=4)](https://github.com/Copilot "Copilot (1 commits)") --- Tags agent-skillsawsbrandscloud-iconsdesign-resourceshacktoberfesticon-packiconslogosnextjsnpm-packageopen-sourcereactskillssveltesvgsvg-iconstailwindcsstypescriptvueiconssvgbrandlogosBrand 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 [picqer/php-barcode-generator An easy to use, non-bloated, barcode generator in PHP. Creates SVG, PNG, JPG and HTML images from the most used 1D barcode standards. 1.8k27.4M109](/packages/picqer-php-barcode-generator)[lasserafn/php-initial-avatar-generator A package to generate avatars with initials for PHP 4404.3M15](/packages/lasserafn-php-initial-avatar-generator)[yzalis/identicon Generate unique identicon avatars from any string 6091.1M23](/packages/yzalis-identicon)[jkphl/iconizr A PHP command line tool for converting SVG images to a set of CSS icons (SVG & PNG, single icons and / or CSS sprites) with support for image optimization and Sass output 4869.0k](/packages/jkphl-iconizr)[choowx/rasterize-svg A PHP library for converting SVG to JPEG, PNG, and WEBP 2275.4k](/packages/choowx-rasterize-svg)[restruct/silverstripe-svg-images SVG Image support for Silverstripe with real manipulation and sanitization 154.5k](/packages/restruct-silverstripe-svg-images) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)