6 months ago
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.
Overview
What is Heroicons MCP?
Heroicons MCP is a Model Context Protocol (MCP) server that provides access to Heroicons, a library of hand-crafted SVG icons, for Large Language Models (LLMs) and agentic applications. It enhances visual communication and design capabilities by allowing users to search for icons by name or category.
How to use Heroicons MCP?
To use Heroicons MCP, clone the repository, install Bun, and run the server in either HTTP or stdio mode. You can integrate it with clients like Claude Desktop by configuring the MCP server settings.
Key features of Heroicons MCP?
- Exposes Heroicons as MCP resources (Outline and Solid styles)
- Tools for searching icons by name or keywords
- Listing all icons or icons within a specific style
- Integration ready with Claude Desktop and other MCP clients
- Can be run as an HTTP server or a stdio-based MCP server
Use cases of Heroicons MCP?
- Assisting developers in finding and using icons in their applications.
- Enhancing AI tools with visual resources for better user interaction.
- Streamlining design workflows by providing easy access to icon libraries.
FAQ from Heroicons MCP?
- Can I use Heroicons MCP with any AI tool?
Yes! Heroicons MCP is designed to work with any tool that supports the Model Context Protocol.
- Is there a cost to use Heroicons MCP?
No! Heroicons MCP is free to use.
- What are the prerequisites for running Heroicons MCP?
You need Git and Bun installed to run the server.
Server Config
{
"mcpServers": {
"heroicons": {
"command": "npx",
"args": [
"heroicons-mcp",
"--stdio"
]
}
}
}