Mingcute Icons Mcp
About
MCP server for searching and using MingCute icons in AI coding assistants. It supports English and Chinese keyword search, icon details, categories, and usage examples for React, Vue, Webfont, and SVG.
Details
- Author
- mingcute-design
- Downloads
- 337
- Categories
- Other, Design
Jump to
- Search by keyword, name, category, style in Chinese or English
- Filter icons by line, fill, or all styles
- Generate usage examples for React, Vue, webfont, SVG
- Fetch icon details, categories, and raw SVG source
- Operates from a local index, no runtime API dependency
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
Mingcute Icons McpCommand (node, npx, python, etc.)Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
From the repository
Run npx -y @mingcute/mcp-server to start the server. For Codex, use codex mcp add mingcute -- npx -y @mingcute/mcp-server. For Claude Desktop, add the JSON configuration shown in the README.
search_icons
Search MingCute icons by English or Chinese keywords, icon name, component name, category, and style. MingCute icons have line and fill variants.
get_icon
Get one MingCute icon set by base name or variant name, optionally including SVG.
get_icon_usage
Generate usage examples for React, Vue, webfont, or SVG workflows using the published MingCute npm packages.
list_categories
List all MingCute icon categories with icon and variant counts.
list_icons_by_category
List MingCute icon sets in a category, optionally filtered by line or fill style.
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"mingcute icons mcp": {
"mingcute": {
"command": "npx",
"args": [
"-y",
"@mingcute/mcp-server"
]
}
}
}
}McpServers
{
"mingcute": {
"command": "npx",
"args": [
"-y",
"@mingcute/mcp-server"
]
}
}MingCute Icon MCP is a Model Context Protocol server for AI coding assistants to search and use MingCute icons in MCP-compatible tools such as Claude, Codex, Cursor, Windsurf, and Cline.
Features
- Search MingCute icons by English or Chinese keyword, icon name, component name, category, and style.
- Filter by
line, fill, or all styles so AI assistants can pick the right variant for the UI context.- Generate React, Vue, webfont, and SVG usage examples with the matching published npm package.
- Fetch icon details, categories, icons by category, and raw SVG source when needed.
- Runs from a local icon index and does not depend on a remote API at runtime.
Usage
``
bash
npx -y @mingcute/mcp-server
`
Codex
bash
codex mcp add mingcute -- npx -y @mingcute/mcp-server
`
Claude Desktop
json
{
"mcpServers": {
"mingcute": {
"command": "npx",
"args": ["-y", "@mingcute/mcp-server"]
}
}
}
``##
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
