MCP SVG to Fonts

@Supr3me0

Basic information

About MCP SVG to Fonts

This repository provides a tool for converting SVG files into various font formats, streamlining icon management. With features like automatic CSS generation and TypeScript support, it simplifies the process for developers. 🐙🌟

#css #svg #typescript #web-development #frontend #mcp #icons#webfonts#web-fonts#icon-font#woff#ttf#font-generator#desing-system#mcp-server

MCP SVG to Fonts config

No standard config provided

This server doesn't expose a parseable MCP config block in its README. See the repository for install instructions.

Repository

MCP SVG to Fonts tools

Tool list not available yet

This listing does not currently have a tool list to display. This does not mean the server has no tools; check its documentation for supported capabilities.

We auto-extract tools from the README. The maintainer can list them under a ## Tools heading to populate this section.

Overview

What is MCP SVG to Fonts 🎨?

MCP SVG to Fonts 🎨 is a command-line tool that converts directories of SVG icon files into web fonts (TTF, WOFF, WOFF2, SVG), generating corresponding CSS and TypeScript declarations. It is designed for developers and designers who need to create custom icon fonts for web projects or design systems.

How to use MCP SVG to Fonts 🎨?

Install the tool by cloning the repository and running npm install. Prepare your SVG files in a directory, then run the conversion command: npm run convert --path=path/to/your/svg/files. This generates the font files and CSS output. You can customize the output via a config.json file.

Key features of MCP SVG to Fonts 🎨

Convert multiple SVG files into web fonts.
Supports CSS and TypeScript output for easy integration.
Batch process entire directories of SVG icons.
Generate TTF, WOFF, and other font formats.
Customizable CSS output (class names, font-family, etc.).
Ideal for design system and UI library integration.

Use cases of MCP SVG to Fonts 🎨

Convert a collection of SVG icons into a single icon font for a website.
Generate font files with TypeScript declarations for use in React or other JS frameworks.
Produce a custom icon font for a design system or component library.
Batch-process SVG icons from a design tool (e.g., Figma exports) into web fonts.

Frequently asked questions

What font formats does the tool generate?

The tool supports TTF, WOFF, WOFF2, and SVG font formats. You can specify which formats to generate in the configuration.

Does the tool require any runtime dependencies?

Yes, you need Node.js and npm installed to run the conversion command. The tool's dependencies are installed via `npm install`.

Can I customize the CSS output?

Yes. By editing the `config.json` file, you can set custom class names, font-family, and other CSS properties for the generated font.

Where do my SVG files need to be located?

Your SVG files should be placed in a directory. You provide the path to that directory when running the conversion command.

Is there a limit to the number of SVG files I can convert?

The README does not specify any limit. Batch processing of entire directories is supported, so you can convert as many SVGs as you need.

Comments

More Other MCP servers

DeepMark

DeepMark helps teachers deliver rapid, consistent marking with meaningful feedback for every student — in a fraction of the time. What once took a week, now takes one free period.

Figs, Relationship Expert

Figs O'Sullivan, LMFT

Couples therapist Figs O'Sullivan (LMFT, 17 years, endorsed by Sue Johnson, creator of EFT) inside your AI. Ask relationship questions answered from his clinical writing, name the pattern in a fight, get a three-step rep

Activepieces

activepieces

AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents

23.2K

Volley.sh

Volley

A good sequence diagram can solve almost any communication problem in engineering. Volley lets your agent write them as plain text, with the real request and response payloads on every arrow. It checks its own syntax wi

Blender

ahujasid

Open-source MCP to use Blender with any LLM

23.6K