MCP Servers for SVG

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.

View all MCP Servers

  • Why this server?

    Integration with SVG technology via SVGL for accessing and utilizing logo assets and brand icons in various formats including raw SVG markup.

    A
    security
    F
    license
    A
    quality
    An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.
    3
    9,309
    1,270
    TypeScript
    • Linux
    • Apple
  • Why this server?

    Extracts SVG components from source files and creates individual .svg files with preserved structure and attributes

    A
    security
    A
    license
    A
    quality
    A Model Context Protocol server that extracts embedded data (such as i18n translations or key/value configurations) from TypeScript/JavaScript source code into structured JSON configuration files.
    2
    14
    2
    JavaScript
    MIT License
  • Why this server?

    The MCP server offers QR code generation in SVG format as one of its generator tools

    A
    security
    A
    license
    A
    quality
    A 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.
    16
    3
    4
    TypeScript
    Apache 2.0
  • Why this server?

    Integrates with SVGL to provide access to professional brand assets and logos for UI components

    A
    security
    F
    license
    A
    quality
    AI-driven tool that helps developers create beautiful UI components instantly through natural language descriptions, integrating with popular IDEs like Cursor, Windsurf, and VSCode.
    3
    1
  • Why this server?

    Allows for generating SVG vector graphics through the Recraft-Vector model with automatic optimization

    A
    security
    F
    license
    A
    quality
    An advanced MCP server for Cline that leverages EverArt's AI models to generate vector and raster images, supporting flexible storage, multiple formats, and robust image generation capabilities.
    3
    1
    JavaScript
  • Why this server?

    Used for header animation and visual elements in the project documentation

    A
    security
    F
    license
    A
    quality
    A Model Context Protocol server that provides image generation capabilities using the Ideogram API, allowing users to create images from text prompts with customizable parameters.
    1
    1
    3
    JavaScript
  • Why this server?

    Analyzes SVG header images for quality metrics including gradients, animations, rounded corners, and project-specific elements.

    A
    security
    F
    license
    A
    quality
    A Model Context Protocol server that analyzes and evaluates GitHub README documentation quality using advanced neural processing, providing scores and improvement suggestions.
    1
    TypeScript
  • Why this server?

    Supports downloading SVG assets from Figma designs for use in development projects.

    -
    security
    A
    license
    -
    quality
    A Model Context Protocol server that integrates Figma design files with AI coding tools like Cursor, Windsurf, and Cline, allowing AI tools to access and understand Figma design data for generating more accurate code.
    124
    6
    TypeScript
    MIT License
    • Linux
    • Apple
  • Why this server?

    Provides conversion functionality from SVG code to PNG and JPG images with detailed customization options including transparency support, quality settings, and resolution scaling.

    -
    security
    A
    license
    -
    quality
    A Model Context Protocol server that provides tools for converting SVG code to high-quality PNG and JPG images with detailed customization options.
    234
    JavaScript
    MIT License
    • Apple
  • Why this server?

    Enables generation of QR codes in SVG format through the MCP server's generator tools.

    -
    security
    A
    license
    -
    quality
    Fork of @cyanheads toolkit MCP server. Added encoding functions, removed system network functions.
    6
    2
    TypeScript
    Apache 2.0
  • Why this server?

    Supports exporting canvas data to SVG format through the export_canvas tool, allowing visualization of JSON Canvas content.

    -
    security
    A
    license
    -
    quality
    A Model Context Protocol server that enables creating, modifying, and validating infinite canvas data structures according to the JSON Canvas 1.0 specification.
    1
    Python
    MIT License
  • Why this server?

    Converts SVG code to PNG images, supporting customizable working directories and offering two conversion methods (CairoSVG and Inkscape)

    -
    security
    F
    license
    -
    quality
    A Model Context Protocol server that converts SVG code to PNG images, offering two conversion methods (CairoSVG and Inkscape) with support for custom working directories.
    Python
    • Linux
    • Apple
  • Why this server?

    Converts canvas content to optimized SVG vector representations for efficient visual sharing with LLMs.

    -
    security
    F
    license
    -
    quality
    An MCP server that enables LLMs to 'see' what's happening in browser-based games and applications through vectorized canvas visualization and debug information.
    21
    JavaScript
  • Why this server?

    Retrieves and processes SVG assets from Figma designs, supporting vector graphics integration in the resulting React components.

    -
    security
    F
    license
    -
    quality
    A bridge between Figma designs and React implementations that enables pixel-perfect conversion of Figma designs into React applications by processing Figma file data into React-friendly format.
    640
    TypeScript
  • Why this server?

    Supports processing SVG files to extract content for large language models

    -
    security
    F
    license
    -
    quality
    A Model Context Protocol server that enables LLMs to extract and use content from unstructured documents across a wide variety of file formats.
    2
    Python
    • Apple
  • Why this server?

    Enables exporting Excalidraw drawings to SVG format.

    -
    security
    F
    license
    -
    quality
    A Model Context Protocol server that provides API functionality for creating, managing, and exporting Excalidraw drawings in various formats like SVG, PNG, and JSON.
    3
    JavaScript