How do I install the heroicons mcp server?

Use a recorded configuration for your client, replace example credential values and paths, and verify the documented runtime. Restart or reconnect the client, then inspect the available tools.

SSyncDev

Start a project

Heroicons MCP Server

This project, heroicons-mcp, is a Model Context Protocol (MCP) server built with Bun and the MCP TypeScript SDK. It exposes Heroicons as resources

Local serverstdioTypeScript

What is the Heroicons MCP Server?

This project, heroicons-mcp, is a Model Context Protocol (MCP) server built with Bun and the MCP TypeScript SDK. It exposes Heroicons as resources and tools

The short version

Heroicons is a popular library of hand-crafted SVG icons, designed by the makers of Tailwind CSS. The icons are available in multiple styles (Outline, Solid) and are easy to integrate into web projects.

Exposes Heroicons as MCP resources (Outline and Solid styles)
Provides tools for searching icons by name or keywords
Allows listing all icons or icons within a specific style
Ready for integration with Claude Desktop and other MCP clients
Can be run as an HTTP server or a stdio-based MCP server

What it needs from you

Git - Bun

More MCP options

Compare MCP servers by category, or browse hosted MCP servers if you prefer an endpoint over a local process.

Maintainer setup documentation.

Recorded tools

Check the linked publisher documentation and your connected client's tool list. Names and availability can vary with the server version and account permissions.

Tool	What it does
query	"user"
style	"solid"
name	"UserIcon"

How to install the Heroicons MCP Server

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

Add to claude_desktop_config.json, then restart Claude Desktop.

Configuration

Git - Bun

Example prompts to try

“Use Heroicons to Description.”
“Use Heroicons to Parameters.”
“Use Heroicons to query.”

Frequently asked questions

This project, heroicons-mcp, is a Model Context Protocol (MCP) server built with Bun and the MCP TypeScript SDK. It exposes Heroicons as resources and tools Confirm the tools offered by your installed version in the connected client. Tool availability and permissions depend on the server and account configuration.

Alternatives to the Heroicons MCP Server

Filesystem

Official

Read, search and edit files inside allowed directories with the Model Context Protocol reference Filesystem server.

File Systems & StorageTypeScript★ 63.0k

Context7

Official

Retrieve version-aware library documentation and code examples with Context7 MCP, using resolve-library-id and query-docs.

Documentation & API ReferencesRemoteTypeScript★ 32.0k

Decision Anchor Sdk

Client SDK for Decision Anchor — the External Anchoring Layer for AI Agents, providing Content-blind Accountability (records accountability

Developer ToolsRemote

Getutc MCP

🕐 A reliable MCP server providing accurate UTC time from multiple verified sources. Ready to use out of the box!

Developer Tools

Limner

AI visual generation agent: multi-pipeline rendering, prompt crafting, and image composition.