Advertise
MCP.so
Sign In

MCP SVG to Fonts

@Supr3me0

Repository

Basic information

Category

Other

Transports

stdio

Author

Supr3me0

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

1

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.

2

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`.

3

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.

4

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.

5

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

N

Next Generation Movers: free moving quotes (remote MCP)

Next Generation Movers

Free moving quotes for AI agents from Next Generation Movers, a licensed interstate mover (USDOT 3764697). US long-distance nationwide and local DC/MD/VA. Indicative ballpark price and booking options; optional $0.01 x40

P

PickFu MCP

PickFu MCP is a Model Context Protocol (MCP) server that connects AI assistants, developers, marketers, product managers, and AI agents to PickFu's consumer research platform. It enables users to create surveys, conduct

Maestro

mobile-dev-inc

Painless E2E Automation for Mobile and Web

14.8K

Health by Dr Brad

Dr Brad Stanfield

Health by Dr Brad works out a health plan from your own results: which screening is due at your age, and evidence-based suggestions, each with the reason and the published guideline or study behind it. Your record is one

Yuppsy

Yuppsy MCP: build and publish real estate websites from your AI assistant. Yuppsy lets your AI assistant create live websites for real estate agents and individual property listings. You don't need a designer or any code

Advertise