[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-74912":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":25,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":47,"readmeContent":48,"aiSummary":49,"trendingCount":16,"starSnapshotCount":16,"syncStatus":50,"lastSyncTime":51,"discoverSource":52},74912,"thesvg","glincker\u002Fthesvg","glincker","6,100+ brand SVG icons for developers. Tree-shakeable, typed, open source. npm i thesvg","https:\u002F\u002Fthesvg.org\u002F",null,"TypeScript",2248,177,7,16,0,26,91,276,78,108.75,"MIT License",false,"main",true,[27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46],"aws","brand","brands","cloud-icons","design-resources","hacktoberfest","icon-pack","icons","logo","logos","nextjs","npm-package","open-source","react","svelte","svg","svg-icons","tailwindcss","typescript","vue","2026-06-12 04:01:16","\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fthesvg.org\">\n    \u003Cpicture>\n      \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fglincker\u002Fthesvg\u002Fmain\u002Fpublic\u002Flogo-wordmark.svg\" \u002F>\n      \u003Csource media=\"(prefers-color-scheme: light)\" srcset=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fglincker\u002Fthesvg\u002Fmain\u002Fpublic\u002Flogo-wordmark-dark.svg\" \u002F>\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fglincker\u002Fthesvg\u002Fmain\u002Fpublic\u002Flogo-wordmark-dark.svg\" alt=\"theSVG\" height=\"48\" \u002F>\n    \u003C\u002Fpicture>\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Cstrong>6,030+ SVG icons. Brands, AWS, Azure, GCP, and more. Search, copy, ship.\u003C\u002Fstrong>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fthesvg\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fthesvg?style=flat-square&color=F97316&label=npm\" alt=\"npm\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fthesvg\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002Fthesvg?style=flat-square&color=F97316&label=downloads\" alt=\"downloads\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fglincker\u002Fthesvg\u002Fstargazers\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fglincker\u002Fthesvg?style=flat-square&label=stars\" alt=\"stars\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fglincker\u002Fthesvg\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Ficons-6%2C030%2B-F97316?style=flat-square\" alt=\"6,030+ icons\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fglincker\u002Fthesvg\u002Fblob\u002Fmain\u002FLICENSE\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fglincker\u002Fthesvg?style=flat-square\" alt=\"license\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=glincker.thesvg\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fvisual-studio-marketplace\u002Fv\u002Fglincker.thesvg?style=flat-square&color=007ACC&label=VS%20Code&logo=visualstudiocode\" alt=\"VS Code\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fwww.raycast.com\u002Fthegdsks\u002Fthesvg\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FRaycast-Store-FF6363?style=flat-square&logo=raycast\" alt=\"Raycast\" \u002F>\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fthesvg.org\">\u003Cstrong>Browse Icons\u003C\u002Fstrong>\u003C\u002Fa>  • \n  \u003Ca href=\"#install\">Install\u003C\u002Fa>  • \n  \u003Ca href=\"#extensions\">Extensions\u003C\u002Fa>  • \n  \u003Ca href=\"#cdn\">CDN\u003C\u002Fa>  • \n  \u003Ca href=\"#api\">API\u003C\u002Fa>  • \n  \u003Ca href=\"#packages\">Packages\u003C\u002Fa>  • \n  \u003Ca href=\"https:\u002F\u002Fthesvg.org\u002Fcompare\">Compare\u003C\u002Fa>  • \n  \u003Ca href=\"#contributing\">Contribute\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cbr \u002F>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fthesvg.org\">\n    \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fglincker\u002Fthesvg\u002Fmain\u002Fpublic\u002Fog-image.png\" alt=\"theSVG - 6,030+ SVG icons for developers\" width=\"720\" \u002F>\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cbr \u002F>\n\n## Why theSVG?\n\nMost 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.\n\n- **6,030+ icons** across multiple collections\n- **4,019 brand icons** across 55+ categories\n- **739 AWS Architecture icons** (2026-Q1)\n- **626 Azure Service icons** (2026-Q1)\n- **214 Google Cloud icons** (2026-Q1)\n- **8,400+ SVG variants** - color, mono, light, dark, wordmark\n- **Tree-shakeable** - import one icon, ship only that icon\n- **TypeScript-first** - fully typed, dual ESM\u002FCJS\n- **Framework-agnostic** - React, Vue, Svelte, plain HTML, or CDN\n- **AI-ready** - MCP server for Claude, Cursor, and Windsurf\n\n## Collections\n\ntheSVG organizes icons into collections:\n\n| Collection | Icons | Description |\n|------------|-------|-------------|\n| **Brand Icons** | 4,019 | Brand logos from 55+ categories |\n| **AWS Architecture** | 739 | Official AWS service, resource, category, and group icons (2026-Q1) |\n| **Azure Services** | 626 | Microsoft Azure service icons (2026-Q1) |\n| **Google Cloud** | 214 | Google Cloud Platform icons (2026-Q1) |\n\n### AWS Architecture Icons\n\nBrowse all AWS service and resource icons at [thesvg.org\u002Fcollection\u002Faws](https:\u002F\u002Fthesvg.org\u002Fcollection\u002Faws). Icons are sourced from the official [AWS Architecture Icons](https:\u002F\u002Faws.amazon.com\u002Farchitecture\u002Ficons\u002F) package and distributed unmodified under [CC BY-ND 2.0](https:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby-nd\u002F2.0\u002F). Updated quarterly.\n\n## Install\n\n```bash\nnpm install thesvg\n```\n\n```ts\nimport github from \"thesvg\u002Fgithub\";\n\ngithub.svg;        \u002F\u002F raw SVG string\ngithub.title;      \u002F\u002F \"GitHub\"\ngithub.hex;        \u002F\u002F \"181717\"\ngithub.variants;   \u002F\u002F { default: \"\u003Csvg...>\", mono: \"\u003Csvg...>\" }\n```\n\nOr use the scoped package for tree-shaking:\n\n```bash\nnpm install @thesvg\u002Ficons\n```\n\n## Packages\n\n| Package | Description | |\n|---------|-------------|---|\n| [`thesvg`](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fthesvg) | All icons in one package | [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fthesvg?style=flat-square&color=F97316)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fthesvg) |\n| [`@thesvg\u002Ficons`](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@thesvg\u002Ficons) | Core icon data, tree-shakeable | [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@thesvg\u002Ficons?style=flat-square&color=F97316)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@thesvg\u002Ficons) |\n| [`@thesvg\u002Freact`](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@thesvg\u002Freact) | Typed React components | [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@thesvg\u002Freact?style=flat-square&color=F97316)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@thesvg\u002Freact) |\n| [`@thesvg\u002Fvue`](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@thesvg\u002Fvue) | Typed Vue 3 components | [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@thesvg\u002Fvue?style=flat-square&color=F97316)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@thesvg\u002Fvue) |\n| [`@thesvg\u002Fsvelte`](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@thesvg\u002Fsvelte) | Typed Svelte components | [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@thesvg\u002Fsvelte?style=flat-square&color=F97316)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@thesvg\u002Fsvelte) |\n| [`@thesvg\u002Fcli`](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@thesvg\u002Fcli) | CLI tool (`npx @thesvg\u002Fcli add github`) | [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@thesvg\u002Fcli?style=flat-square&color=F97316)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@thesvg\u002Fcli) |\n| [`@thesvg\u002Fmcp-server`](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@thesvg\u002Fmcp-server) | MCP server for AI assistants | [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@thesvg\u002Fmcp-server?style=flat-square&color=F97316)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@thesvg\u002Fmcp-server) |\n\n## Extensions\n\nUse theSVG icons everywhere you build, design, and ship. Browse the full ecosystem at [thesvg.org\u002Fextensions](https:\u002F\u002Fthesvg.org\u002Fextensions).\n\n| Extension | Status | Description |\n|-----------|--------|-------------|\n| [VS Code](https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=glincker.thesvg) | Published | Search 6,030+ icons from the command palette. Copy SVG, JSX, CDN link, or insert at cursor. |\n| [Raycast](https:\u002F\u002Fwww.raycast.com\u002Fthegdsks\u002Fthesvg) | Published | Search, preview, and copy any brand SVG in one keystroke. Filter by category, preview variants. |\n| [MCP Server](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@thesvg\u002Fmcp-server) | Published | AI tool calls for Claude, Cursor, Windsurf. Fetch icons by name or category. |\n| [`@thesvg\u002Fcli`](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@thesvg\u002Fcli) | Published | shadcn-style installer. `npx @thesvg\u002Fcli add github` drops the SVG into your project. |\n| [CDN via jsDelivr](https:\u002F\u002Fwww.jsdelivr.com\u002Fpackage\u002Fgh\u002Fglincker\u002Fthesvg) | Published | Serve any icon via global CDN. Drop into HTML, CSS, Markdown, Notion, Webflow, Framer. |\n| [Figma Plugin](https:\u002F\u002Fgithub.com\u002Fglincker\u002Fthesvg\u002Fissues?q=label%3Aextension) | Planned | Browse, search by name or color, drag straight onto your canvas. |\n| [JetBrains](https:\u002F\u002Fgithub.com\u002Fglincker\u002Fthesvg\u002Fissues?q=label%3Aextension) | Open | IntelliJ, WebStorm, PyCharm, Rider tool window. Help wanted. |\n| [Neovim](https:\u002F\u002Fgithub.com\u002Fglincker\u002Fthesvg\u002Fissues?q=label%3Aextension) | Open | Telescope picker with floating preview. Help wanted. |\n| [Alfred Workflow](https:\u002F\u002Fgithub.com\u002Fglincker\u002Fthesvg\u002Fissues?q=label%3Aextension) | Open | macOS quick access. Search anywhere, copy to clipboard. Help wanted. |\n| [Sketch \u002F Blender \u002F Webflow \u002F Notion](https:\u002F\u002Fgithub.com\u002Fglincker\u002Fthesvg\u002Fissues?q=label%3Aextension) | Open | Tracking issues open. Build a plugin and we will list it here. |\n\n> **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.\n\n## CDN\n\nUse any icon directly without installing:\n\n```html\n\u003C!-- From thesvg.org -->\n\u003Cimg src=\"https:\u002F\u002Fthesvg.org\u002Ficons\u002Fgithub\u002Fdefault.svg\" width=\"32\" height=\"32\" alt=\"GitHub\" \u002F>\n\n\u003C!-- From jsDelivr -->\n\u003Cimg src=\"https:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002Fglincker\u002Fthesvg@main\u002Fpublic\u002Ficons\u002Fgithub\u002Fdefault.svg\" width=\"32\" height=\"32\" alt=\"GitHub\" \u002F>\n```\n\n**URL pattern:** `https:\u002F\u002Fthesvg.org\u002Ficons\u002F{slug}\u002F{variant}.svg`\n\n## Usage\n\n### React\n\n```tsx\nimport { Github, Figma } from \"@thesvg\u002Freact\";\n\nexport function Logos() {\n  return \u003CGithub width={24} height={24} className=\"text-white\" \u002F>;\n}\n```\n\n### Vue\n\n```vue\n\u003Cscript setup>\nimport { Github, Figma } from \"@thesvg\u002Fvue\";\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CGithub width=\"24\" height=\"24\" \u002F>\n\u003C\u002Ftemplate>\n```\n\n### Svelte\n\n```svelte\n\u003Cscript>\n  import { Github, Figma } from \"@thesvg\u002Fsvelte\";\n\u003C\u002Fscript>\n\n\u003CGithub width=\"24\" height=\"24\" \u002F>\n```\n\n### CDN\n\n```html\n\u003Cimg src=\"https:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002Fglincker\u002Fthesvg@main\u002Fpublic\u002Ficons\u002Fgithub\u002Fdefault.svg\" width=\"32\" height=\"32\" alt=\"GitHub\" \u002F>\n```\n\n### CLI\n\n```bash\nnpx @thesvg\u002Fcli add github\nnpx @thesvg\u002Fcli search \"ai\"\n```\n\n## Variants\n\nIcons support up to 7 variants to match any design context:\n\n| Variant | Key | Description |\n|---------|-----|-------------|\n| Default | `default` | Primary brand color |\n| Mono | `mono` | Inherits text color |\n| Light | `light` | White, for dark backgrounds |\n| Dark | `dark` | Black, for light backgrounds |\n| Wordmark | `wordmark` | Full text logo |\n| Wordmark Light | `wordmarkLight` | White text logo |\n| Wordmark Dark | `wordmarkDark` | Dark text logo |\n\nNot every icon has all variants. `default` is always present.\n\n## API\n\nthesvg 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.\n\nBase URL: `https:\u002F\u002Fthesvg.org`\n\n| Endpoint | Description |\n|----------|-------------|\n| `GET \u002Fapi\u002Fregistry.json` | Full icon manifest (slug, title, aliases, categories, hex, url, variant keys) |\n| `GET \u002Fapi\u002Fcategories.json` | Category list with counts |\n| `GET \u002Ficons\u002F{slug}\u002F{variant}.svg` | Raw SVG file (e.g. `\u002Ficons\u002Fopenai\u002Fdefault.svg`) |\n\n```bash\n# Fetch the manifest once, filter client-side\ncurl \"https:\u002F\u002Fthesvg.org\u002Fapi\u002Fregistry.json\" | jq '.icons[] | select(.slug | contains(\"openai\"))'\n\n# Then pull the SVG you want\ncurl \"https:\u002F\u002Fthesvg.org\u002Ficons\u002Fopenai\u002Fdefault.svg\"\n```\n\n### Mirrors\n\nFor high-traffic apps, use jsDelivr (free, GitHub-backed) instead of hitting `thesvg.org` directly:\n\n```\nhttps:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002Fglincker\u002Fthesvg@main\u002Fsrc\u002Fdata\u002Ficons.json\nhttps:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002Fglincker\u002Fthesvg@main\u002Fpublic\u002Ficons\u002F{slug}\u002F{variant}.svg\n```\n\n`src\u002Fdata\u002Ficons.json` is the source-of-truth manifest (the same data that builds `\u002Fapi\u002Fregistry.json`, with full per-icon fields including `license` and `dateAdded`).\n\nYou 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](.\u002FLEGAL.md)).\n\n> 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.\n\n## Categories\n\nIcons are organized into 55+ categories:\n\n`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...\n\n## Contributing\n\nEvery brand deserves a place. No gatekeeping.\n\n**Submit an icon:** [thesvg.org\u002Fsubmit](https:\u002F\u002Fthesvg.org\u002Fsubmit) or open a [pull request](https:\u002F\u002Fgithub.com\u002Fglincker\u002Fthesvg\u002Fpulls).\n\n**Development setup:**\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fglincker\u002Fthesvg.git\ncd thesvg\npnpm install\npnpm dev     # http:\u002F\u002Flocalhost:3333\n```\n\nSee [CONTRIBUTING.md](.\u002FCONTRIBUTING.md) for full guidelines.\n\n## Disclaimer\n\nAll 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.\n\nAWS Architecture Icons are provided under [CC BY-ND 2.0](https:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby-nd\u002F2.0\u002F) (No Derivatives). Amazon Web Services and all related marks are trademarks of Amazon.com, Inc.\n\nIf you are a brand owner and would like an icon updated or removed, please [open an issue](https:\u002F\u002Fgithub.com\u002Fglincker\u002Fthesvg\u002Fissues) or email **support@glincker.com**. See our [Legal Notice](https:\u002F\u002Fthesvg.org\u002Flegal), [TRADEMARK.md](.\u002FTRADEMARK.md), and [LEGAL.md](.\u002FLEGAL.md) for full details.\n\n## License\n\n[MIT](.\u002FLICENSE) for the codebase and tooling. Individual brand icons remain the intellectual property of their respective trademark holders.\n\n## Star History\n\n\u003Ca href=\"https:\u002F\u002Fstar-history.com\u002F#glincker\u002Fthesvg&Date\">\n \u003Cpicture>\n   \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=glincker\u002Fthesvg&type=Date&theme=dark\" \u002F>\n   \u003Csource media=\"(prefers-color-scheme: light)\" srcset=\"https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=glincker\u002Fthesvg&type=Date\" \u002F>\n   \u003Cimg alt=\"Star History Chart\" src=\"https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=glincker\u002Fthesvg&type=Date\" width=\"600\" \u002F>\n \u003C\u002Fpicture>\n\u003C\u002Fa>\n\n---\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fthesvg.org\">thesvg.org\u003C\u002Fa>  • \n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fglincker\u002Fthesvg\u002Fissues\">Issues\u003C\u002Fa>\n\u003C\u002Fp>\n","theSVG 是一个为开发者提供超过6,030个品牌SVG图标库。项目支持树摇优化，类型安全，并且完全开源，可通过 `npm i thesvg` 安装使用。核心功能包括丰富的品牌、AWS、Azure等云服务图标集合，便于搜索、复制和集成到项目中。技术上，theSVG利用TypeScript开发，确保了代码的高质量与可维护性。它适用于需要在Web应用、React、Vue、Svelte等前端框架或Next.js项目中快速集成品牌图标的场景，同时支持通过CDN、API等多种方式访问资源，极大地提高了开发效率。",2,"2026-06-11 03:51:23","high_star"]