theSVG MCP
An MCP server and skill for a set of thousands of brand SVG icons: the agent searches and inserts icons with no key
- 3,003 ★ on the repository
- Last commit
- MIT
Extended access
Why this level
- Starts the local @thesvg/mcp-server MCP server via npx
- The server only searches and returns brand SVGs, no key needed
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add mcp/thesvgDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- Starts the local @thesvg/mcp-server MCP server via npx
- The server only searches and returns brand SVGs, no key needed
This is third-party code. Review the repository files before installing.
What it does
theSVG is an open-source set of over six thousand brand SVG icons, including logos, AWS, Azure and GCP, with typing and tree-shaking. Beyond npm packages for React, Vue, Svelte and React Native, it provides the @thesvg/mcp-server and an agent skill. The MCP server gives AI clients in Claude Desktop, Cursor and Claude Code direct access to the icons with no key: the agent searches for an icon and inserts it. There is a CLI, extensions for VS Code, Raycast, Figma and others, and CDN access.
Who it is for. For frontend developers and designers who want the agent to find and insert brand SVG icons.
Good fit when
- You want the agent to find and insert a brand or cloud icon
- You need typed, tree-shakeable SVG icons in the project
- You want access to a large icon set over MCP with no key
Not a fit when
- You need illustrations or custom icons rather than brand logos
- You cannot use brand logos in your context under their rules
Example request
Find the GitHub icon and insert it into my site headerMCP
- Transport
- stdio
- Authentication
- not required
Limitations
This is a set of brand logos and icons: using them must follow the brands' rules. The MCP server gives icon search and access, while the agent does the insertion and markup. The packages target JavaScript and TypeScript.
How to disable. Remove the thesvg entry from the MCP client config and remove the thesvg package from the project if it was added.
FAQ
Do I need a key?
No. The @thesvg/mcp-server gives access to the icons with no key through any MCP-compatible client.
Is it only MCP?
No. There are npm packages for React, Vue, Svelte and React Native, a CLI, editor extensions and CDN access, plus an agent skill.
Discussion
No questions or reviews yet.
Related
MCP serversSearch and drop in icons from 150+ Iconify collections as an MCP server, CLI and skill, writing SVG straight into the project
An MCP server that finds a coolicons icon by meaning and returns the SVG with the import line, so the agent never guesses names
An MCP server for Keyline Icons: the agent finds an icon by name and gets its SVG and a ready React import with no guessing
MCP server and CDN of service icons: matches logos to docker-compose.yml and serves SVG, PNG and WEBP
MCP server and plugin that search Microsoft Fluent UI icons by meaning and return exact React component names together with code.
A hand-drawn SVG icon set for React with a skill that teaches the agent setup, the shared filter and real icon names.
README in short
The README presents theSVG as an open-source set of thousands of brand SVG icons, including logos and AWS, Azure and GCP icons, with typing and tree-shaking. Beyond the npm package there are separate packages for React, Vue, Svelte and React Native, a CLI, extensions for VS Code, Raycast, Figma, Alfred and Neovim, and access via CDN and Iconify. For agents there is the @thesvg/mcp-server that gives icon access with no key, plus a skill. MIT licensed.