VerifiedPlugin
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 skills4 commands+1+129
@glinckerDevelopment
Plugin
thesvg
7,400+ brand SVG icons for developers. Tree-shakeable, typed, open source. npm i thesvg
Plugin Signal70/100Solid
maintained100
capable14
documented100
adopted73
Install
$ npx -y skills add glincker/thesvg --agent claude-code
Stats
2,718
Stars
217
Forks
Active
Maintenance
TypeScript
Language
MIT
License
6h ago
Last commit
6mo ago
Created
Repo: glincker/thesvg
What's inside
Badges
README
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.
- 7,400+ icons across multiple collections
- 4,600+ brand icons across 115+ categories
- 858 Auth Badge icons - circular icon badges for 2FA/authenticator apps
- 739 AWS Architecture icons (2026-Q1)
- 626 Azure Service icons (2026-Q1)
- 256 community-curated icons - dev tools, databases, frameworks
- 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,675 | Brand logos from 115+ categories |
| Auth Badges | 858 | Circular icon badges styled for 2FA/authenticator apps |
| AWS Architecture | 739 | Official AWS service, resource, category, and group icons (2026-Q1) |
| Azure Services | 626 | Microsoft Azure service icons (2026-Q1) |
| Community | 256 | Dev tools, databases, and frameworks sourced from the open-source community |
| Google Cloud | 214 | Google Cloud Platform icons (2026-Q1) |
| Kubernetes | 38 | Official Kubernetes/CNCF architecture icons |
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.
Auth Badges
Browse the full set at thesvg.org/collection/auth-badges. Circular, flat-color badge icons designed for authenticator-app entry lists and 2FA UI - a distinct visual style from the primary brand-mark collection above. Distributed under CC0-1.0 (public domain).
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 7,400+ brand SVGs, variant picker, recents row, keyboard shortcuts. Insert as editable vectors. |
| VS Code | Published | Search 7,400+ 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. |
| Iconify | Published | Brand icons available as thesvg (mono) and thesvg-color sets. Works with any Iconify-consuming tool: Mermaid architecture diagrams, Iconify's VS Code and Figma plugins, @iconify/react, and more. |
| Browser Extension | Beta | Chrome, Firefox, Edge popup with 7,400+ 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
File tree
Showing a partial view of a very large repo.
More plugins by @glincker.
View @glincker’s profile@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?
- 7,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.
Is this plugin yours?
Claim it with GitHubSubmit a pluginPromote it