Iconfont MCP Server

1

Add it to Claude Code

Run this in a terminal.

Run in terminal
claude mcp add iconfont-mcp -- npx @thlg/icon-font-mcp
README.md

Search, download, and manage icons from China's largest icon library.

icon-font-mcp

MCP server for Iconfont (iconfont.cn) - Search, download, and manage icons from China's largest icon library.

Features

  • Search Icons: Search for icons by name with filters for icon types (line, fill, flat, hand-drawn, etc.)
  • Download SVG: Download icon SVG data and save to files
  • List Projects: List your Iconfont projects (requires authentication)

Installation

npm install -g @thlg/icon-font-mcp

Or use npx directly:

npx @thlg/icon-font-mcp

MCP Configuration

Claude Desktop

Add to your claude_desktop_config.json:

{
  "mcpServers": {
    "iconfont": {
      "command": "npx",
      "args": ["@thlg/icon-font-mcp"]
    }
  }
}

With Authentication

For features requiring authentication (like listing projects), set the ICONFONT_COOKIE environment variable:

export ICONFONT_COOKIE="your-iconfont-cookie"

To get the cookie:

  1. Log in to https://www.iconfont.cn/
  2. Open browser DevTools (F12)
  3. Go to Application/Storage → Cookies
  4. Copy the EGG_SESS_ICONFONT cookie value

Available Tools

iconfont_search_icons

Search for icons in the Iconfont library.

Parameters:

  • query (string, required): Search query for icon name
  • icon_type (string, optional): Icon style type - '' (all), 'line', 'fill', 'flat', 'hand', 'simple', 'complex'
  • page (number, optional): Page number (default: 1)
  • page_size (number, optional): Results per page, max 100 (default: 54)
  • response_format (string, optional): 'markdown' or 'json' (default: markdown)

iconfont_download_icon

Download SVG data for a specific icon.

Parameters:

  • icon_id (string, required): Icon ID from search results
  • output_path (string, optional): Directory to save SVG file
  • filename (string, optional): Filename without extension
  • response_format (string, optional): 'markdown' or 'json' (default: markdown)

iconfont_list_projects

List your Iconfont projects (requires authentication).

Parameters:

  • response_format (string, optional): 'markdown' or 'json' (default: markdown)

Development

# Install dependencies
pnpm install

# Build
pnpm run build

# Run in development mode
pnpm run dev

License

MIT

Tools (3)

iconfont_search_iconsSearch for icons in the Iconfont library with optional style filters.
iconfont_download_iconDownload SVG data for a specific icon by its ID.
iconfont_list_projectsList your Iconfont projects (requires authentication).

Environment Variables

ICONFONT_COOKIEAuthentication cookie (EGG_SESS_ICONFONT) required for listing user projects.

Configuration

claude_desktop_config.json
{"mcpServers": {"iconfont": {"command": "npx", "args": ["@thlg/icon-font-mcp"]}}}

Try it

Search for 'user' icons with a 'line' style.
Find icons related to 'shopping cart' and download the first result to my current directory.
List all my projects on Iconfont to see what icons I have saved.
Search for 'settings' icons and return the results in JSON format.

Frequently Asked Questions

What are the key features of Iconfont MCP?

Search for icons by name with style filters like line, fill, and flat.. Download icon SVG data directly to local files.. List and manage personal Iconfont projects.. Supports both markdown and JSON response formats for tool outputs..

What can I use Iconfont MCP for?

Quickly finding and downloading SVG icons for web development projects without leaving the IDE.. Integrating icon library management into an AI-assisted design workflow.. Automating the retrieval of specific icon assets from personal Iconfont collections..

How do I install Iconfont MCP?

Install Iconfont MCP by running: npm install -g @thlg/icon-font-mcp

What MCP clients work with Iconfont MCP?

Iconfont MCP works with any MCP-compatible client including Claude Desktop, Claude Code, Cursor, and other editors with MCP support.

Turn this server into reusable context

Keep Iconfont MCP docs, env vars, and workflow notes in Conare so your agent carries them across sessions.

Need the old visual installer? Open Conare IDE.
Open Conare