pickapicon-mcp

Name: pickapicon-mcp
Author: Leee62

@Leee62

Repository

About pickapicon-mcp

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

Basic information

Config

Add this server to your MCP-compatible client using the configuration below.

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

Tools

get all repo name, for other tools param `<prefix>`

get icons by inputting desc what you want and prefix

get icon detail (SVG code) by prefix and svg name

Overview

What is pickapicon-mcp?

pickapicon-mcp is an MCP server for FE/UI/Designer to retrieve SVG icons via the Iconify API. It lets you ask an LLM for icons directly instead of manually searching and copying.

How to use pickapicon-mcp?

Install via npx -y pickapicon-mcp@latest or use Smithery CLI. Configure the PREFIX environment variable in your MCP client settings to set a default icon set (e.g., ant-design). Then use the provided tools (get_icon_repos, get_icons_by_desc_and_prefix, get_icon_detail_by_prefix_and_name) to search and fetch SVG code.

Key features of pickapicon-mcp

Integrates with Iconify’s vast icon repository
get_icon_repos: list all available icon set names
get_icons_by_desc_and_prefix: search icons by description and set
get_icon_detail_by_prefix_and_name: fetch SVG code for a specific icon
Configurable default prefix via PREFIX environment variable

Use cases of pickapicon-mcp

Quickly obtain SVG icons for UI components or pages during development
Generate modern-design-color SVG icons without manual website visits
Streamline icon retrieval inside LLM‑driven workflows

FAQ from pickapicon-mcp

What is the `PREFIX` environment variable used for?

It sets a default icon set prefix (e.g., ant-design) so you can omit the prefix parameter in get_icons_by_desc_and_prefix and get_icon_detail_by_prefix_and_name.

How do I install pickapicon-mcp?

Run npx -y pickapicon-mcp@latest in your MCP client’s server configuration, or use the Smithery CLI command npx -y @smithery/cli install @Leee62/pickapicon-mcp --client claude.

What tools does pickapicon-mcp provide?

It provides three tools: get_icon_repos (list all repo names), get_icons_by_desc_and_prefix (search icons by description and prefix), and get_icon_detail_by_prefix_and_name (fetch SVG code by prefix and name).