Best SVG MCP Servers
SVG (Scalable Vector Graphics) is an XML-based vector image format for two-dimensional graphics maintained by the World Wide Web Consortium (W3C). It's a standard format for vector graphics on the web.
Why this server?
Supports exporting diagrams to SVG format with embedded XML so exported files remain editable in draw.io.
AlicenseAqualityAmaintenanceOfficial draw.io MCP server: create diagrams from Mermaid, XML or CSV, shown inline in Claude, ChatGPT, VS Code and Cursor or opened in the draw.io editor. Searches 10,000+ shapes.85,720Apache 2.0Why this server?
Supports generation of SVG-based logo and icon designs that follow Superdesign principles
AlicenseAqualityFmaintenanceA design orchestrator that brings Superdesign capabilities to Claude Code as native tools, enabling AI-powered UI design, wireframing, component creation, and logo/icon generation without requiring Anthropic API keys.4977MITWhy this server?
Encodes SVG files as Base64 or percent-encoded data URIs for direct embedding in HTML and CSS, selecting the shorter form.

@first-ch/tools-mcpofficial
AlicenseAqualityBmaintenanceMCP server exposing First CH Tools' free web-tool logic for WCAG contrast, JP character counting, WebP conversion, JSON-LD, and llms.txt generation to AI agents.6119 npmMITWhy this server?
Renders PlantUML diagrams to deterministic SVG output via the render_diagram tool.

@plantuml/mcp-jsofficial
AlicenseAqualityAmaintenanceGenerate and render PlantUML diagrams from natural language. A pure Node.js MCP server that creates, validates and explains UML diagrams (sequence, class, activity, state, component and more) as SVG — with zero Java and zero external server. Tools: render_diagram, check_syntax, explain_diagram. Just run npx @plantuml/mcp-js.413,387LGPL 3.0Why this server?
Allows processing SVG files as part of the content generation, enabling analysis and description of vector graphics.
AlicenseAqualityDmaintenanceA Model Context Protocol server that connects to Google AI Studio/Gemini API, enabling content generation with support for various file types, conversation history, and system prompts.11,238 npm41MITWhy this server?
Turns the AI into a vector artist capable of rendering complex, animated SVG graphics including shapes, path morphing, and advanced filter presets from declarative configurations.
AlicenseAqualityBmaintenanceMCP server that turns AI into an SVG artist. One rendering engine with a rich JSON schema, AI controls all design parameters. Renders animated SVGs with CSS @keyframes and SMIL animations. Supports 16+ element types, parametric curves, pattern groups, gradient/filter/clip/mask definitions, and PNG preview. No external dependencies, runs locally via npx.370 npm30MITWhy this server?
Provides tools for optimizing SVG vector graphics, including stripping bloated XML, cleaning SVG nodes, and converting paths for cutting, sublimation, and high-performance web graphics. Also supports converting SVG to PNG with sub-pixel antialiasing and generating scalable SVG QR codes.
AlicenseAqualityCmaintenanceEnables agents to optimize and clean SVG vector paths, rasterize SVGs into crisp sub-pixel PNGs at custom DPI with alpha preserved, generate high-error-correction vector QR codes for payment URIs, and compress images to WebP while stripping EXIF metadata. Tools are metered via x402 USDC micropayments on Base L2.4MITWhy this server?
Supports retrieving SVG images from IPFS with automatic image detection and returns them as base64-encoded data.
AlicenseBqualityDmaintenanceAn MCP server that enables AI agents to interact with the Cyber decentralized knowledge graph, allowing them to create cyberlinks between content and retrieve information from IPFS through the Cyber network.32BSD 3-ClauseWhy this server?
Provides functionality to export Miro board content into SVG vector format.
AlicenseAqualityAmaintenanceMCP server for controlling Miro whiteboards with AI assistants. Create and manage stickies, shapes, frames, connectors, and more.8831MIT