MCP SVG to Font

MCP SVG to Font is a dedicated Model Context Protocol server that transforms collections of SVG icons into fully‑featured icon fonts. It resolves the common pain point of managing large sets of vector graphics for web and mobile projects by automating font generation, CSS scaffolding, and type safety. Developers can now treat their icon libraries as first‑class assets that are versioned, bundled, and consumed directly from an AI assistant without manual tooling or build‑step gymnastics.

The server exposes a suite of tools that cover the entire icon lifecycle. scans directories for SVG files, enabling quick audits and quality checks before any build. takes a folder of SVGs and produces multiple font formats (TTF, WOFF, WOFF2) along with a CSS file and optional TypeScript type definitions, ensuring that icon usage is both performant and type‑safe. allows incremental updates to an already deployed font, preserving Unicode assignments so that existing applications continue to render correctly while new icons are added. This backward‑compatibility feature is critical for large codebases that rely on stable icon references.

Beyond basic conversion, the server supports advanced glyph extraction, letting users pull glyphs from existing TTF files even when the original SVGs are lost. This capability is invaluable for legacy projects where icon assets were historically shipped as fonts only. The tool also offers directory scanning to list and analyze SVGs, which can be used in CI pipelines to enforce naming conventions or to trigger regeneration when new icons appear.

Integration into AI workflows is seamless. Because the server follows MCP conventions, an assistant like Claude can invoke any of these tools with simple JSON payloads, receive structured responses, and even chain operations—e.g., list SVGs, filter by naming pattern, then generate a font. The TypeScript support further tightens the loop, allowing developers to import generated icon types into their codebases and catch misspellings at compile time.

In real‑world scenarios, this MCP server is ideal for teams building custom icon systems from scratch or migrating away from third‑party libraries. It empowers designers to hand off SVGs, lets developers generate production‑ready fonts in a single command, and keeps the icon set fully versioned and AI‑driven. The result is a leaner build process, fewer runtime dependencies, and consistent icon rendering across browsers and platforms.