SVG.new

by @svgnew · io.github.svgnew/mcp

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

Online, needs sign-inRemote + local
WebsiteSource code
Category
Developer tools
Connection
Remote (HTTP)
Tools
Shown after sign-in
Status
Online, needs sign-in

Connect it to your AI

Claude Code

claude mcp add --transport http svgnew https://svg.new/api/mcp

Claude, ChatGPT, Cursor and other apps

Add it as a custom connector with this URL (Streamable HTTP):

https://svg.new/api/mcp

Or run it locally (npm)

claude mcp add svgnew -e SVG_NEW_API_KEY=… -- npx -y @svgnew/mcp@1.3.1

Needs: SVG_NEW_API_KEY

Cursor, VS Code and other apps (mcp.json)

{
  "mcpServers": {
    "svgnew": {
      "url": "https://svg.new/api/mcp"
    }
  }
}

Questions

What is the SVG.new MCP server?

Convert PNG, JPG and WebP to SVG. Recolor an SVG, reduce its colors or remove its background. It is made by @svgnew and listed in the official MCP Registry as io.github.svgnew/mcp. MCP (Model Context Protocol) is the open standard that lets AI apps like Claude, ChatGPT and Cursor use outside tools.

How do I add SVG.new to Claude?

In the Claude app or claude.ai, open Settings, then Connectors, choose "Add custom connector" and paste https://svg.new/api/mcp. In Claude Code, run: claude mcp add --transport http svgnew https://svg.new/api/mcp

How do I add SVG.new to ChatGPT?

ChatGPT can use remote MCP servers as connectors. In ChatGPT settings, under Apps and Connectors, turn on developer mode if asked, create a new connector and paste https://svg.new/api/mcp.

How do I add SVG.new to Cursor?

Open Cursor settings, go to MCP, choose "Add new MCP server" (or edit ~/.cursor/mcp.json) and add: { "mcpServers": { "svgnew": { "url": "https://svg.new/api/mcp" } } }

Does SVG.new work right now?

It is online and asks you to sign in before it lists its tools, which is normal for servers tied to an account.

Is this your server? Get the badge for your README
chen.media/mcp badge

Markdown (GitHub README)

[![Listed on chen.media/mcp](https://chen.media/mcp/badge/github-svgnew-mcp.svg)](https://chen.media/mcp/github-svgnew-mcp)

HTML (switches to dark mode on its own)

<a href="https://chen.media/mcp/github-svgnew-mcp"><picture><source media="(prefers-color-scheme: dark)" srcset="https://chen.media/mcp/badge/github-svgnew-mcp.svg?theme=dark"><img src="https://chen.media/mcp/badge/github-svgnew-mcp.svg" alt="Listed on chen.media/mcp" height="40"></picture></a>

More in Developer tools

See all

Algolia ProductivityVerified maker

@algolia

Connect LLM tools to your Algolia account with user-scoped access for internal workflows.

VerifiedTrendingDeveloper toolsRemote

GitHubVerified maker

@github

Connect AI assistants to GitHub - manage repos, issues, PRs, and workflows through natural language.

VerifiedDeveloper toolsRemote + local

MCP devkit serverVerified maker

@mapbox

Provides AI assistants with direct access to Mapbox developer APIs and documentation.

VerifiedDeveloper toolsRemote + local

GitLabVerified maker

gitlab.com

Official GitLab MCP Server

VerifiedDeveloper toolsRemote

Perplexity API PlatformVerified maker

perplexity.ai

Real-time web search, reasoning, and research through Perplexity's API

VerifiedDeveloper toolsLocal

Valuein — SEC EDGAR Fundamentals & Smart-Money Data

@valuein

Point-in-time, survivorship-free SEC EDGAR fundamentals + smart-money signals for AI agents.

Developer toolsRemote