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?
Encodes SVG files as Base64 or percent-encoded data URIs for direct embedding in HTML and CSS, selecting the shorter form.
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.6722 npmMITWhy this server?
Provides tools to analyze SVG files for CSS keyframe animations, estimate duration, extract viewBox dimensions, and render animated SVGs into video (MP4, WebM, MKV, MOV) or animated image (aPNG, GIF) formats with optional background transparency.
AlicenseAqualityAmaintenanceEnables AI assistants to convert CSS-animated SVGs into videos (MP4/WebM/MKV/MOV) and animated images (aPNG/GIF) with frame-accurate rendering and transparency support.321,459 npm4MITWhy 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 the direct generation of SVG graphics from LaTeX and TikZ source code for scalable web-based display.
AlicenseAqualityAmaintenanceEnables Claude Code to render LaTeX equations, TikZ diagrams, and documents into SVG or PNG formats via the UpMath API. It supports a wide range of TeX Live packages and syntax validation without requiring a local TeX installation.163MITWhy this server?
Enables retrieving and downloading icons in SVG format with customizable colors and sizes for use in development projects.
AlicenseAqualityAmaintenanceEnables AI assistants to search, browse, and download professional icons from The Noun Project directly within MCP-compatible environments. It supports SVG and PNG formats with customizable styles and provides optimized modes for free and paid API tiers.772 npm7MITWhy this server?
Enables complex SVG animations by leveraging GSAP's specialized plugins such as MorphSVG and DrawSVG for path manipulation and drawing effects.
AlicenseBqualityCmaintenanceEnables AI models to generate production-ready, 60fps-optimized GSAP animation code from natural language requests. It provides expert-level tools for creating complex sequences, debugging performance issues, and setting up GSAP within modern web frameworks.6119 npm4MITWhy this server?
Generates SVG vector graphics files from Mermaid diagrams with customizable themes and background colors, saving files to disk with configurable filenames
AlicenseBqualityDmaintenanceGenerates SVG diagram files from Mermaid syntax with support for multiple themes and customizable backgrounds, using Puppeteer for reliable rendering.18 npmMITWhy this server?
Converts SVG content into React components with configurable options for TypeScript generation, optimization, and formatting.
AlicenseAqualityCmaintenanceConverts SVG content into React components with configurable options including TypeScript generation, React Native support, optimization, and formatting through SVGR.114 npmMITWhy this server?
The MCP server offers QR code generation in SVG format as one of its generator tools
AlicenseAqualityAmaintenanceA Model Context Protocol server that provides LLM Agents with a comprehensive toolset for IP geolocation, network diagnostics, system monitoring, cryptographic operations, and QR code generation.5279 npm18Apache 2.0