SkillAgentSearch skills...

thesvg

The open SVG brand library: 7,600+ brand logos and cloud icons (AWS, Azure, GCP) as official SVG. Search, copy, ship via npm, CDN, CLI, React, Vue, Svelte, Figma, VS Code, Raycast and MCP. Free, MIT, no gatekeeping.

Install / Use

claude mcp add glincker -- npx -y github:glincker/thesvg

If the server publishes to npm under a different name, use that package instead — check the repo README.

About this skill
🔌

MCP Server

Model Context Protocol server

Quality Score

86/100

Category

Design

Supported Platforms

Claude Code
Claude Desktop

Our assessment of thesvg

thesvg scores 86/100 on our quality scale, 144th of 260 Design skills we index.

Its MCP Server is 42 KB long, well organised into 38 sections with 17 code examples: long enough that it reads more like full documentation than a focused instruction file, which agents can find harder to follow.

With 2,899 GitHub stars, it is one of the more widely adopted skills in the catalogue.

Substance
21/30
Structure
20/20
Description
15/15
Adoption
15/20
Freshness
15/15

Maintenance, license and trust

  • The repository was last updated today, so thesvg is actively maintained.
  • It is released under the MIT license, a permissive license that allows use, modification and commercial use with attribution.
  • Its trust signals score 100/100, with no cautions. These come from repository metadata, not a code audit — read the skill file before letting an agent act on it.

thesvg compared with similar skills

All 4 of these similar skills score higher than thesvg; compare them before choosing.

SkillScoreStarsUpdatedFormat
thesvg (this skill)by glincker862.9ktodayMCP Server
Agent-Reachby Panniantong100101.9ktodayCLAUDE.md
headroomby headroomlabs-ai10077.7ktodayCLAUDE.md
CowAgentby zhayujie10047.6ktodayCLAUDE.md
Scraplingby D4Vinci10089.6k2d agoMCP Server

Frequently asked questions

How do I install thesvg?
Run claude mcp add glincker -- npx -y github:glincker/thesvg. The install tabs above show the steps for each supported agent.
Which AI agents does thesvg work with?
It is written for Claude Code and Claude Desktop, as a MCP Server file. Other agents that read the same format can often use it too.
Is thesvg safe to use?
It is MIT-licensed and scores 100/100 on trust signals. Skills are instructions an agent will follow, so read the file before installing it and do not approve commands you do not understand.
Is thesvg still maintained?
The repository was last updated today, so thesvg is actively maintained.
<p align="center"> <a href="https://thesvg.org"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/glincker/thesvg/main/public/logo-wordmark-dark.svg" /> <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/glincker/thesvg/main/public/logo-wordmark.svg" /> <img src="https://raw.githubusercontent.com/glincker/thesvg/main/public/logo-wordmark.svg" alt="theSVG" height="48" /> </picture> </a> </p> <h3 align="center">The open SVG brand library</h3> <p align="center"><b>A HOME FOR EVERY BRAND.</b></p> <p align="center"> 7,600+ brand logos and cloud icons. Search, copy and ship them as SVG, React, Vue, Svelte, CDN, CLI or MCP.<br /> Free, open source, no gatekeeping. </p> <p align="center"> <a href="https://www.npmjs.com/package/thesvg"><img src="https://img.shields.io/npm/v/thesvg?style=flat-square&color=C2410C&label=npm" alt="npm" /></a> <a href="https://www.npmjs.com/package/thesvg"><img src="https://img.shields.io/npm/dm/thesvg?style=flat-square&color=C2410C&label=downloads" alt="downloads" /></a> <a href="https://www.npmjs.com/package/@thesvg/mcp-server"><img src="https://img.shields.io/npm/v/@thesvg/mcp-server?style=flat-square&color=C2410C&label=MCP" alt="MCP server" /></a> <a href="https://www.jsdelivr.com/package/gh/glincker/thesvg"><img src="https://data.jsdelivr.com/v1/package/gh/glincker/thesvg/badge" alt="jsDelivr" /></a> <a href="https://github.com/glincker/thesvg/stargazers"><img src="https://img.shields.io/github/stars/glincker/thesvg?style=flat-square&label=stars" alt="stars" /></a> <a href="https://discord.gg/Ar5pcaZB99"><img src="https://img.shields.io/discord/829168897080557579?style=flat-square&logo=discord&logoColor=white&label=discord&color=5865F2" alt="Discord" /></a> <a href="https://github.com/glincker/thesvg"><img src="https://img.shields.io/badge/icons-7%2C600%2B-C2410C?style=flat-square" alt="7,600+ icons" /></a> <a href="https://github.com/glincker/thesvg/blob/main/LICENSE"><img src="https://img.shields.io/github/license/glincker/thesvg?style=flat-square" alt="license" /></a> <a href="https://www.figma.com/community/plugin/1612997159050367763"><img src="https://img.shields.io/badge/Figma-Plugin-F24E1E?style=flat-square&logo=figma&logoColor=white" alt="Figma" /></a> <a href="https://marketplace.visualstudio.com/items?itemName=glincker.thesvg"><img src="https://img.shields.io/badge/VS%20Code-Extension-007ACC?style=flat-square&logo=visualstudiocode&logoColor=white" alt="VS Code" /></a> <a href="https://www.raycast.com/thegdsks/thesvg"><img src="https://img.shields.io/badge/Raycast-Store-FF6363?style=flat-square&logo=raycast" alt="Raycast" /></a> <a href="https://icon-sets.iconify.design/thesvg-color/"><img src="https://img.shields.io/badge/Iconify-2%20sets-026C9C?style=flat-square" alt="Iconify" /></a> <a href="https://github.com/glincker/thesvg/tree/main/extensions/neovim"><img src="https://img.shields.io/badge/Neovim-Plugin-019733?style=flat-square&logo=neovim&logoColor=white" alt="Neovim" /></a> <a href="https://github.com/glincker/thesvg/tree/main/extensions/alfred"><img src="https://img.shields.io/badge/Alfred-Workflow-5C1F87?style=flat-square&logo=alfred&logoColor=white" alt="Alfred" /></a> <a href="https://github.com/glincker/thesvg/tree/main/extensions/browser"><img src="https://img.shields.io/badge/Chrome-Coming%20Soon-4285F4?style=flat-square&logo=googlechrome&logoColor=white" alt="Chrome" /></a> <a href="https://skills.sh/glincker/thesvg"><img src="https://skills.sh/b/glincker/thesvg" alt="skills.sh" /></a> <a href="https://github.com/glincker/homebrew-thesvg"><img src="https://img.shields.io/badge/Homebrew-thesvg-FBB040?style=flat-square&logo=homebrew&logoColor=white" alt="Homebrew" /></a> </p> <p align="center"> <a href="https://thesvg.org"><strong>Browse icons</strong></a> &nbsp;&bull;&nbsp; <a href="#quick-start">Quick start</a> &nbsp;&bull;&nbsp; <a href="#install">Install</a> &nbsp;&bull;&nbsp; <a href="#extensions">Extensions</a> &nbsp;&bull;&nbsp; <a href="#cdn">CDN</a> &nbsp;&bull;&nbsp; <a href="#api">API</a> &nbsp;&bull;&nbsp; <a href="#packages">Packages</a> &nbsp;&bull;&nbsp; <a href="https://thesvg.org/compare">Compare</a> &nbsp;&bull;&nbsp; <a href="#community">Community</a> &nbsp;&bull;&nbsp; <a href="#contributing">Contribute</a> &nbsp;&bull;&nbsp; <a href="#contributors">Contributors</a> </p> <p align="center"> <a href="https://thesvg.org"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/glincker/thesvg/main/public/og-image.png" /> <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/glincker/thesvg/main/public/og-image-light.png" /> <img src="https://raw.githubusercontent.com/glincker/thesvg/main/public/og-image-light.png" alt="theSVG, the open SVG brand library" width="720" /> </picture> </a> </p> <p align="center"> <sub>Every logo below is served straight from theSVG.</sub> </p> <p align="center"> <a href="https://thesvg.org/icon/google"><img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/google/default.svg" height="34" alt="Google" /></a>&nbsp;&nbsp;&nbsp; <a href="https://thesvg.org/icon/docker"><img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/docker/default.svg" height="34" alt="Docker" /></a>&nbsp;&nbsp;&nbsp; <a href="https://thesvg.org/icon/kubernetes"><img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/kubernetes/default.svg" height="34" alt="Kubernetes" /></a>&nbsp;&nbsp;&nbsp; <a href="https://thesvg.org/icon/react"><img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/react/default.svg" height="34" alt="React" /></a>&nbsp;&nbsp;&nbsp; <a href="https://thesvg.org/icon/vue"><img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/vue/default.svg" height="34" alt="Vue" /></a>&nbsp;&nbsp;&nbsp; <a href="https://thesvg.org/icon/svelte"><img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/svelte/default.svg" height="34" alt="Svelte" /></a>&nbsp;&nbsp;&nbsp; <a href="https://thesvg.org/icon/typescript"><img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/typescript/default.svg" height="34" alt="TypeScript" /></a>&nbsp;&nbsp;&nbsp; <a href="https://thesvg.org/icon/tailwindcss"><img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/tailwindcss/default.svg" height="34" alt="Tailwind CSS" /></a>&nbsp;&nbsp;&nbsp; <a href="https://thesvg.org/icon/figma"><img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/figma/default.svg" height="34" alt="Figma" /></a>&nbsp;&nbsp;&nbsp; <a href="https://thesvg.org/icon/stripe"><img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/stripe/default.svg" height="34" alt="Stripe" /></a> </p> <p align="center"> <a href="https://thesvg.org/icon/slack"><img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/slack/default.svg" height="34" alt="Slack" /></a>&nbsp;&nbsp;&nbsp; <a href="https://thesvg.org/icon/discord"><img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/discord/default.svg" height="34" alt="Discord" /></a>&nbsp;&nbsp;&nbsp; <a href="https://thesvg.org/icon/spotify"><img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/spotify/default.svg" height="34" alt="Spotify" /></a>&nbsp;&nbsp;&nbsp; <a href="https://thesvg.org/icon/supabase"><img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/supabase/default.svg" height="34" alt="Supabase" /></a>&nbsp;&nbsp;&nbsp; <a href="https://thesvg.org/icon/postgresql"><img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/postgresql/default.svg" height="34" alt="PostgreSQL" /></a>&nbsp;&nbsp;&nbsp; <a href="https://thesvg.org/icon/mongodb"><img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/mongodb/default.svg" height="34" alt="MongoDB" /></a>&nbsp;&nbsp;&nbsp; <a href="https://thesvg.org/icon/cloudflare"><img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/cloudflare/default.svg" height="34" alt="Cloudflare" /></a>&nbsp;&nbsp;&nbsp; <a href="https://thesvg.org/icon/terraform"><img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/terraform/default.svg" height="34" alt="Terraform" /></a>&nbsp;&nbsp;&nbsp; <a href="https://thesvg.org/icon/aws"><img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/amazon-badge/default.svg" height="34" alt="AWS" /></a>&nbsp;&nbsp;&nbsp; <a href="https://thesvg.org/icon/microsoft-azure"><img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/microsoft-azure/default.svg" height="34" alt="Azure" /></a> </p> <hr />

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.

Every developer has hunted for a company logo: a press kit buried three clicks deep, a PNG that blurs on retina, a "mono" file that is secretly four colors, a logo that changed last month. Most icon sets cover UI glyphs. Nobody treated brand logos as real, versioned, trustworthy data.

theSVG does. It is one open catalog where every logo is official, clean, complete and current, and it is delivered in whatever shape your project needs.

Why we built it

theSVG started with a pull request. We tried to add the logo of our own product, AskVerdict, to an existing open source logo library, and it was declined as outside that project's scope, which is a fair call for a curated set. That made us want a catalog where any real brand, large or small, can be added through a simple review. theSVG now holds over 7,600 icons, sourced from official brand assets and checked before each one is merged.

A HOME FOR EVERY BRAND.

The theSVG standard

What every icon in the catalog is held to, and what we want a brand SVG to mean everywhere:

| Principle | What it means in practice | | --- | --- | | Official, unmodified | Taken from the brand's own kit or site, with a license and a guidelines link on every entry. No redraws. | | Complete variants | default, mono, light, dark and wordmark under one predictable naming scheme, so {slug}/{variant}.svg always works. | | Truly clean | A validator runs in CI on every changed file: no scripts, no embedded rasters, no null or NaN values, mono files really are single color, viewBox always present. | | Rebrands keep history | When a brand changes its logo, the new mark becomes current and the old one is kept as a -legacy entry, linked both ways. Nothing silently disappears. | | Machine readable | A static manifest, llms.txt, an MCP server and stable CDN URLs, so tools and AI assistants can use logos as reliably as people do. | | Open to everyone | MIT code, no accounts, no API keys, no gatekeeping. If a brand is real, it belongs here. |

If that is the logo library you wished existed, the single most useful thing you can do is star the repo. It is how other developers find it.

<table> <tr> <td align="center" width="25%"><strong>7,600+</strong><br />icons</td> <td align="center" width="25%"><strong>12,300+</strong><br />variants: color, mono, light, dark, wordmark</td> <td align="center" width="25%"><strong>150+</strong><br />categories</td> <td align="center" width="25%"><strong>21</strong><br />brand families</td> </tr> </table>

What is inside

|         | Collection | Icons | What you get

Truncated for display — read the full file on GitHub.

Related Skills

View on GitHub
GitHub Stars2.9k
CategoryDesign
Updated7h ago
Forks233

Languages

TypeScript

Trust signals

100/100

From repository metadata: license, adoption, age and documentation. Not a code audit — see the Safety scan above for what the skill file itself contains.

No cautions