MCP.so
ログイン

pickapicon-mcp

@Leee62

pickapicon-mcp について

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

基本情報

カテゴリ

その他

ライセンス

MIT

ランタイム

node

トランスポート

stdio

公開者

Leee62

投稿者

62 Ashenone

設定

以下の設定を使って、このサーバーを MCP 対応クライアントに追加してください。

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

ツール

3

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

概要

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

Where does the icon data come from?

All icons are fetched from the Iconify repository.

Are there any runtime dependencies?

The README only specifies that it is run via npx, implying it is an npm package. No additional runtime requirements are mentioned.

コメント

「その他」の他のコンテンツ