Heroicons MCP Server

@SeeYangZhi

代码仓库

基本信息

分类

其他

许可证

MIT license

传输方式

stdio

作者

SeeYangZhi

提交者

Yang Zhi

关于 Heroicons MCP Server

heroicons-mcp is a Model Context Protocol (MCP) server that exposes Heroicons. It allows LLMs and agentic applications to search, list, and generate usage examples of icons in React applications.

#mcp#heroicons-react#mcp-server

Heroicons MCP Server 配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

{
  "mcpServers": {
    "heroicons": {
      "command": "npx",
      "args": [
        "heroicons-mcp",
        "--stdio"
      ]
    }
  }
}

Heroicons MCP Server 工具

Search for icons from heroicons by name or category

Get usage examples for an icon

List all icons from the heroicons library, optionally filtered by style

概览

What is heroicons-mcp?

heroicons-mcp is a Model Context Protocol (MCP) server that exposes Heroicons as resources and tools for LLMs and agentic applications. Built with Bun and the MCP TypeScript SDK, it provides access to Heroicons in Outline and Solid styles.

How to use heroicons-mcp?

Install dependencies with bun install, then run either npx heroicons-mcp for HTTP mode (defaults to port 3000) or npx heroicons-mcp --stdio for stdio mode. For integration with Claude Desktop, add the server to the mcpServers section of the Claude Desktop configuration file using the npx command or a direct path to the built entry point.

Key features of heroicons-mcp

Exposes Heroicons as MCP resources (Outline and Solid)
Provides list_all_icons tool with optional style filter
Provides search_icons tool by name or keywords
Provides get_icon_usage_examples tool returning JSX code
Works in HTTP mode or stdio mode for MCP clients

Use cases of heroicons-mcp

AI coding assistants searching for a specific Heroicon by name
Generating JSX usage examples for a chosen icon
Listing all available icons within a single style (outline or solid)
Integrating icon access into agentic workflows via MCP clients

常见问题

What runtime does heroicons-mcp require?

It requires Git and Bun for development, but can be run via `npx` (Node.js) in production.

How do I run heroicons-mcp in HTTP vs stdio mode?

Use `npx heroicons-mcp` for HTTP mode (default), or add `--stdio` for stdio mode.

How can I integrate heroicons-mcp with Claude Desktop?

Add it to your Claude Desktop config file under `mcpServers` using the `npx` command or a direct path to the built `entry.js` file with the `--stdio` flag.

What tools does heroicons-mcp expose?

It exposes three tools: `list_all_icons`, `search_icons`, and `get_icon_usage_examples`.

Which Heroicons styles are included?

The server includes icons in both Outline and Solid styles from Heroicons.

其他分类下的更多 MCP 服务器

Klarix Intelligence Engine

Klarix

B2B competitive intelligence, live sales battlecards, 5-axis ICP prospect fit scoring, and tech stack teardowns over MCP and REST with cited public-web evidence.

🚀 Model Context Protocol (MCP) Curriculum for Beginners

microsoft

This open-source curriculum introduces the fundamentals of Model Context Protocol (MCP) through real-world, cross-language examples in .NET, Java, TypeScript, JavaScript, Rust and Python. Designed for developers, it focuses on practical techniques for building modular, scalable,

16.7K

MaxKB

1Panel-dev

🔥 MaxKB is an open-source platform for building enterprise-grade agents. 强大易用的开源企业级智能体平台。

22.0K

Health by Dr Brad

Dr Brad Stanfield

Health by Dr Brad works out a health plan from your own results: which screening is due at your age, and evidence-based suggestions, each with the reason and the published guideline or study behind it. Your record is one

DeepMark

DeepMark helps teachers deliver rapid, consistent marking with meaningful feedback for every student — in a fraction of the time. What once took a week, now takes one free period.