home / mcp / pickapicon mcp server

Pickapicon MCP Server

a mcp server help developer to get svg simply and quickly with LLM

Installation

Add the following to your MCP client configuration file.

Configuration

{
  "mcpServers": {
    "leee62-pickapicon-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "pickapicon-mcp@latest"
      ],
      "env": {
        "PREFIX": "<LIKE ant-design>"
      }
    }
  }
}

You use this MCP server to fetch SVG icons from Iconify via simple LLM-driven requests. It streamlines your FE/UI design workflow by letting you ask for icons and receive ready-to-use SVGs without visiting websites and copying code manually.

How to use

Use an MCP client to call the server’s endpoints to retrieve SVGs by description, with optional prefixes. You can list available icon repositories, search for icons by description and prefix, and fetch the detailed SVG code for a specific icon.

Primary tools you’ll interact with include: get_icon_repos to list repository names, get_icons_by_desc_and_prefix to search icons by a descriptive prompt and an optional prefix, and get_icon_detail_by_prefix_and_name to retrieve the SVG code for a specific icon by its name and prefix.

To run the MCP server locally, configure your client to connect via the provided runtime command. The server is exposed through a stdio-based flow, so your client can send requests directly to the running process and receive results without a separate HTTP endpoint.

How to install

Prerequisites: you need Node.js and npm installed on your machine.

Install the MCP server via Smithery to enable Claude Desktop integration. Run the following command in your terminal:

npx -y @smithery/cli install @Leee62/pickapicon-mcp --client claude

MCP server configuration

You will start the MCP server using a stdio connection with npx. The explicit runtime configuration is shown here.

"mcpServers": {
    "pickapicon-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "pickapicon-mcp@latest"
      ],
      "env": {
        "PREFIX": "<LIKE ant-design>"
      }
    }
  }

Notes and tips

The server exposes a workflow to quickly obtain SVGs for components or pages, enabling Modern Design Color variants and rapid iteration without manual copy-paste.

Available tools

get_icon_repos

Retrieve all repository names and related parameters for additional tool usage.

get_icons_by_desc_and_prefix

Fetch icons by a descriptive query with an optional prefix to narrow results.

get_icon_detail_by_prefix_and_name

Obtain the detailed SVG code for a specific icon by its prefix and name.