English Français العربية

SVG.new

Official registry Other

Convert PNG, JPG and WebP to SVG. Recolor an SVG, reduce its colors or remove its background.

Source code Website Documentation

Install

Add this to your client's MCP configuration (Claude Desktop: claude_desktop_config.json; Cursor: .cursor/mcp.json; VS Code and others use the same "mcpServers" shape).

Remote (streamable-http)
Claude Code 
claude mcp add --transport http svg-new 'https://svg.new/api/mcp'
JSON configuration (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "svg-new": {
            "type": "http",
            "url": "https://svg.new/api/mcp"
        }
    }
}
NPM package @svgnew/mcp
Claude Code 
claude mcp add svg-new -e 'SVG_NEW_API_KEY=<your svg_new_api_key>' -- npx -y @svgnew/mcp@1.3.1
JSON configuration (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "svg-new": {
            "command": "npx",
            "args": [
                "-y",
                "@svgnew/mcp@1.3.1"
            ],
            "env": {
                "SVG_NEW_API_KEY": "<your svg_new_api_key>"
            }
        }
    }
}

Environment variables

  • SVG_NEW_API_KEY required secret SVG.new API key (starts with svk_). Create one at https://svg.new/account.

Documentation

From the project's README on GitHub, refreshed weekly. Links open on GitHub.

Contents
  1. @svgnew/mcp
  2. Hosted server (sign in, no API key)
  3. Quick Start (local server)
  4. Setup
  5. Available Tools
  6. Environment Variables
  7. Links

@svgnew/mcp

MCP (Model Context Protocol) server for svg.new — AI-powered image to SVG vectorization.

Use svg.new from any MCP-compatible client: Claude Code, Claude Desktop, Cursor, Windsurf, and more.

Hosted server (sign in, no API key)

SVG.new hosts this server at https://svg.new/api/mcp (Streamable HTTP). Clients that support OAuth sign in with your SVG.new account; there is nothing to install. Clients that send headers can use Authorization: Bearer svk_... with an API key instead.

# Claude Code (then run /mcp, pick svgnew and choose Authenticate)
claude mcp add --transport http --scope user svgnew https://svg.new/api/mcp

# Gemini CLI (then run /mcp auth svg-new)
gemini extensions install https://github.com/svgnew/mcp

In Claude, open Settings, Connectors, Add custom connector, enter the URL above and sign in. Cline and other agents can follow llms-install.md. The cursor folder is the Cursor plugin for the hosted server. Setup for each client: svg.new/mcp.

Quick Start (local server)

npx @svgnew/mcp

Requires SVG_NEW_API_KEY environment variable. Get your key at svg.new/account.

Setup

Claude Code / Claude Desktop

Add to your MCP config:

{
  "mcpServers": {
    "svg-new": {
      "command": "npx",
      "args": ["@svgnew/mcp"],
      "env": {
        "SVG_NEW_API_KEY": "svk_your_key_here"
      }
    }
  }
}
Cursor / Windsurf

Add to your MCP settings with the same configuration above.

OpenAI Codex CLI

Add svg.new to Codex:

codex mcp add svg-new -- npx -y @svgnew/mcp

Or install as a plugin:

codex install svg-new

Set your API key:

codex mcp add svg-new --env SVG_NEW_API_KEY=svk_your_key_here -- npx -y @svgnew/mcp

Available Tools

ToolDescriptionCost
vectorizeConvert image to SVG1 credit
vectorize_fileConvert a local image file to SVG1 credit
recolor_svgChange colors in SVGFree
simplify_svgReduce color paletteFree
remove_backgroundAI background removal1 credit
remove_background_fileBackground removal from a local image file1 credit
batch_vectorizeProcess multiple images1 credit/image
batch_vectorize_filesVectorize up to 10 local image files1 credit/image
get_batch_statusPoll batch progressFree
list_vectorizationsView historyFree

Environment Variables

VariableRequiredDefaultDescription
SVG_NEW_API_KEYYes—Your svg.new API key
SVG_NEW_API_URLNohttps://svg.newAPI base URL

Frequently asked questions

What is SVG.new?

Convert PNG, JPG and WebP to SVG. Recolor an SVG, reduce its colors or remove its background.

How do I install SVG.new?

It runs as a remote server. In Claude Code: claude mcp add --transport http svg-new 'https://svg.new/api/mcp'. For other clients, paste the JSON configuration from this page into their MCP settings.

Does SVG.new need an API key?

Yes. It expects SVG_NEW_API_KEY, which you set in its configuration.

Is SVG.new open source?

Yes. Its code is on GitHub under the MIT license.

Who maintains SVG.new?

It is published by svgnew. AI.tn lists it but does not maintain or endorse it.

From the official MCP Registry. Listing is not an endorsement: review a server's code and permissions before giving it access to your data.