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?
Offers SVG placeholder generation with customizable dimensions, text, and colors
AlicenseBqualityFmaintenanceA comprehensive Model Context Protocol server providing access to 70+ IT tools for developers and system administrators, including encoding/decoding, text manipulation, hashing, and network utilities.3410017922TypeScriptMITWhy 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.6572MITWhy this server?
Provides SVG icon system and icon design skills, enabling AI agents to create and select scalable vector icons.
AlicenseAqualityBmaintenanceEnables AI agents to browse, search, and read a curated library of 198 UI/UX and animation design skills across 17 categories, distilled from 10 open-source projects, with a progressive 5-step workflow for guidance.5665MITWhy this server?
Provides access to SVG element definitions and specification metadata from official web standards.
AlicenseAqualityCmaintenanceMCP Server for accessing W3C/WHATWG/IETF web specifications. Provides AI assistants with access to official web standards data including specifications, WebIDL definitions, CSS properties, and HTML elements.11334MITWhy this server?
Enables retrieving and downloading icons in SVG format with customizable colors and sizes for use in development projects.
AlicenseAqualityDmaintenanceEnables 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.7783MITWhy 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.6551MITWhy this server?
Allows for the retrieval of SVG content from the clipboard as either an image or raw text.
AlicenseAqualityBmaintenanceMCP server that reads and writes the system clipboard — tables, text, code, JSON, URLs, images, and more. Preserves spreadsheet structure (rows/columns) that is lost when pasting into Claude directly.44Apache 2.0Why this server?
Allows rendering complex system dependency graphs and structural analysis results into publication-quality SVG images.
AlicenseBqualityDmaintenance12 deterministic graph-theory tools for structural analysis. Describe systems in EN syntax (subject do: action needs: inputs yields: outputs) — get topology, bottlenecks, blast radius, critical paths and lot more. No AI inside the computation.122418MITWhy this server?
Converts SVG files or inline SVG content to Android VectorDrawable XML format with caching, customizable float precision, fill options, and tint support.
AlicenseAqualityCmaintenanceA growing collection of MCP tools for Android Development. Currently features a deterministic Figma-SVG-to-Android-XML converter, with plans for Gradle analysis, Resource management, and ADB integration tools.72419MIT