VerifiedPlugin
Automation
ableton-skills
Claude Skills for Ableton Live producers. Workflows for Claude Code, Cursor, Codex, and Gemini CLI. Pairs with any Ableton MCP server. MIT.
12 skills
@glinckerDevelopment
Plugin
thesvg
6,400+ brand SVG icons for developers. Tree-shakeable, typed, open source. npm i thesvg
Plugin Signal70/100Solid
maintained99
capable14
documented100
adopted72
Install
$ npx -y skills add glincker/thesvg --agent claude-code
Run the curl in your terminal, the rest in Claude Code.
Stats
2,547
Stars
196
Forks
Active
Maintenance
TypeScript
Language
MIT
License
7h ago
Last commit
5mo ago
Created
Repo: glincker/thesvg
What's inside
Badges
1
README
1Why 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,500+ icons across multiple collections
- 4,600+ brand icons across 140+ categories
- 739 AWS Architecture icons (2026-Q1)
- 626 Azure Service icons (2026-Q1)
- 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:
| Collection | Icons | Description |
|---|---|---|
| Brand Icons | 4,629 | Brand logos from 140+ 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
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
| 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 |  |
Extensions
Use theSVG icons everywhere you build, design, and ship. Browse the full ecosystem at thesvg.org/extensions.
| Extension | Status | Description |
|---|---|---|
| Figma Plugin | Published | Browse 6,500+ brand SVGs, variant picker, recents row, keyboard shortcuts. Insert as editable vectors. |
| VS Code | Published | Search 6,500+ icons from the command palette. Copy SVG, JSX, CDN link, or insert at cursor. |
| Raycast | Published | Search, preview, and copy any brand SVG in one keystroke. Filter by category, preview variants. |
| MCP Server | Published | AI tool calls for Claude, Cursor, Windsurf. Fetch icons by name or category. |
| Agent Skill | Published | Drop-in skill for AI agents. Install via npx skills add glincker/thesvg. Teaches the icon CDN and registry. |
@thesvg/cli | Published | shadcn-style installer. npx @thesvg/cli add github drops the SVG into your project. |
| Homebrew | Published | brew tap glincker/thesvg && brew install thesvg |
| CDN via jsDelivr | Published | Serve any icon via global CDN. Drop into HTML, CSS, Markdown, Notion, Webflow, Framer. |
| Browser Extension | Beta | Chrome, Firefox, Edge popup with 6,500+ brand SVGs. MV3, no telemetry. |
| JetBrains | Open | IntelliJ, WebStorm, PyCharm, Rider tool window. Help wanted. |
| Neovim | Published | Lua plugin with Telescope picker. Insert SVG URL or inline content at cursor. |
| Alfred Workflow | Published | macOS quick access. Search anywhere, copy SVG, CDN URL, or markdown. |
| Sketch / Blender / Webflow / Notion | Open | Tracking 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:
| 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
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
| Endpoint | Description |
|---|---|
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
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.orgfor advanced features (search relevance, usage analytics, webhooks). Until then, the static manifest above is the supported integration path.
Categories
Icons are organized into 140+ 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.
Sponsor
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.
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
File tree
1443glincker/thesvgView on GitHub
.changeset/
config.json
README.md
.github/
dependabot.yml
FUNDING.yml
ISSUE_TEMPLATE/
bug_report.yml
config.yml
icon_removal.yml
icon_request.yml
icon_update.yml
moderator_application.yml
labeler.yml
PULL_REQUEST_TEMPLATE.md
release-body-header.md
scripts/
triage-issue.mjs
workflows/
auto-merge-icon-pr.yml
check.yml
dependabot-auto-merge.yml
homebrew-tap-update.yml
labeler.yml
pages.yml
release.yml
stale-icon-issues.yml
triage-icon-issue.yml
validate-svg.yml
version.yml
vscode-release.yml
.gitignore
AGENTS.md
CNAME
CODE_OF_CONDUCT.md
components.json
composer.json
context7.json
CONTRIBUTING.md
DISCLAIMER.md
docs-local/
data-sources.md
PLAN.md
eslint.config.mjs
excalidraw.log
extensions/
alfred/
.gitignore
build.sh
icon.png
info.plist
README.md
thesvg_action.py
thesvg_search.py
browser/
.gitignore
entrypoints/
background.ts
popup/
App.tsx
index.html
main.tsx
popup.css
package.json
pnpm-lock.yaml
PRIVACY.md
public/
icon/
128.png
16.png
48.png
README.md
SCREENSHOTS.md
STORE_LISTING.md
SUBMISSION.md
tsconfig.json
wxt.config.ts
figma/
.gitignore
assets/
icon.png
esbuild.config.mjs
manifest.json
package-lock.json
package.json
README.md
src/
main.ts
ui.html
ui.ts
STORE_LISTING.md
tsconfig.json
homebrew/
.gitignore
Formula/
thesvg.rb
README.md
neovim/
.stylua.toml
LICENSE
lua/
telescope/
_extensions/
thesvg.lua
thesvg/
cache.lua
http.lua
init.lua
picker.lua
plugin/
thesvg.lua
README.md
raycast/
.gitignore
assets/
extension-icon.png
extension-icon@dark.png
CHANGELOG.md
eslint.config.mjs
package-lock.json
package.json
README.md
src/
api.ts
copy-icon.tsx
search-icons.tsx
tsconfig.json
vscode/
.vscodeignore
assets/
icon.png
CHANGELOG.md
package-lock.json
package.json
PUBLISHING.md
README.md
src/
extension.ts
tsconfig.json
instrumentation-client.ts
LEGAL.md
LICENSE
LICENSING.md
next.config.ts
package.json
packages/
cli/
CHANGELOG.md
package.json
README.md
src/
commands/
add.ts
list.ts
search.ts
index.ts
utils/
api.ts
colors.ts
writer.ts
tsconfig.json
icons/
.gitignore
CHANGELOG.md
LICENSE
package.json
README.md
scripts/
build-icons.ts
enrich-svgl-variants.ts
lib/
safe-identifier.test.ts
safe-identifier.ts
security-audit.mjs
validate-dist.mjs
src/
index.ts
types.ts
tsconfig.json
mcp/
.gitignore
CHANGELOG.md
package-lock.json
package.json
README.md
src/
index.ts
test-smoke.mjs
tsconfig.json
react/
CHANGELOG.md
package.json
README.md
scripts/
build-components.ts
validate-output.ts
tsconfig.json
svelte/
CHANGELOG.md
package.json
README.md
scripts/
build-components.ts
thesvg/
CHANGELOG.md
LICENSE
package.json
README.md
scripts/
build-reexports.mjs
vue/
CHANGELOG.md
package.json
README.md
scripts/
build-components.ts
tsconfig.json
pnpm-lock.yaml
pnpm-workspace.yaml
postcss.config.mjs
public/
_headers
a6a7af0850d8b9e8b8fdd2c773b69bb3.txt
apple-touch-icon.png
CNAME
favicon-16.png
favicon-32.png
feed.xml
icon-192-dark.png
icon-192.png
icon-512-dark.png
icon-512.png
icon-dark.svg
icon-legacy.svg
icon.svg
icons/
01dotai/
color.svg
default.svg
mono.svg
1001tracklists/
default.svg
mono.svg
100tb/
default.svg
11x/
default.svg
mono.svg
1and1/
default.svg
mono.svg
1dot1dot1dot1/
default.svg
mono.svg
1panel/
default.svg
mono.svg
1password/
dark.svg
default.svg
light.svg
mono.svg
2fas/
default.svg
mono.svg
2k/
default.svg
mono.svg
30-seconds-of-code/
default.svg
mono.svg
302dotai/
color.svg
default.svg
mono.svg
365-data-science/
default.svg
mono.svg
3m/
default.svg
mono.svg
42/
default.svg
mono.svg
4chan/
default.svg
mono.svg
4d/
default.svg
mono.svg
500px/
default.svg
mono.svg
5dive/
default.svg
mono.svg
wordmark.svg
7zip/
default.svg
mono.svg
99designs/
default.svg
mono.svg
9gag/
default.svg
mono.svg
a-frame/
default.svg
mono.svg
aarch64/
default.svg
line.svg
mono.svg
ab-download-manager/
default.svg
mono.svg
abacatepay/
default.svg
wordmark.svg
abarth/
default.svg
abb/
default.svg
mono.svg
abbott/
default.svg
mono.svg
abbvie/
default.svg
mono.svg
abn-amro/
default.svg
mono.svg
wordmark.svg
aboutdotme/
default.svg
mono.svg
abstract/
default.svg
mono.svg
abusedotch/
default.svg
mono.svg
academia/
default.svg
mono.svg
accenture/
default.svg
mono.svg
accountantos/
dark.svg
default.svg
accusoft/
default.svg
mono.svg
accuweather/
default.svg
mono.svg
ace/
default.svg
mono.svg
acer/
default.svg
mono.svg
acm/
default.svg
mono.svg
acode/
default.svg
mono.svg
acrobat-reader/
acrobat-reader-grayscale-app-icon/
default.svg
default.svg
acrobat-scan/
default.svg
act/
default.svg
actigraph/
default.svg
mono.svg
activeloop/
default.svg
mono.svg
activision/
default.svg
mono.svg
activitypub/
default.svg
mono.svg
actix/
default.svg
mono.svg
actual-budget/
default.svg
mono.svg
acura/
default.svg
mono.svg
ada/
... 1600 moreShowing a partial view of a very large repo.
More Flows by @glincker.
@glinckerFAQ
thesvg is a Claude Code plugin with 1 hand-picked skill for development work, indexed on Flowy. Install it with the command on its page. It includes thesvg. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.
- What is thesvg?
- 6,400+ brand SVG icons for developers. Tree-shakeable, typed, open source. npm i thesvg
- How do I install thesvg?
- Run these in Claude Code: npx -y skills add glincker/thesvg --agent claude-code. Then prompt normally.
- Does thesvg auto-invoke its skills?
- Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.
- Is thesvg free?
- Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.