This project, heroicons-mcp, is a Model Context Protocol (MCP) server built with Bun and the MCP TypeScript SDK. It exposes Heroicons as resources
Most developer tooling work still happens through a UI a human drives. Heroicons MCP server moves it into the conversation instead. 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, enabling LLMs and agentic applications to search for and utilize icons. Key.
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.
The server publishes 5 tools. What each one is for:
Description — Lists all available Heroicons, optionally filtered by style (outline, solid)Parameters — style (optional: "outline" | "solid")query — "user"style — "solid"name — "UserIcon"The server ships on npm as heroicons-mcp, so your MCP client can launch it on demand — there is no separate build step. Add the server block to your client's configuration, restart it, and the tools register themselves.
This sits in the developer tooling group, where several servers overlap in what they claim to do but differ sharply once you actually set them up. Heroicons's toolset — Description, Parameters, query and 2 more — is a fair guide to whether it matches your workflow. It is maintained by seeyangzhi; worth a glance at recent repository activity before you build anything load-bearing on it.
We check each listing at SyncDev against the project's documentation before it goes live — if something here drifts out of date, it is a bug worth reporting.
| Tool | What it does |
|---|---|
| Description | Lists all available Heroicons, optionally filtered by style (outline, solid). |
| Parameters | style (optional: "outline" | "solid") |
| query | "user" |
| style | "solid" |
| name | "UserIcon" |
{
"mcpServers": {
"heroicons": {
"command": "npx",
"args": ["-y", "heroicons-mcp"]
}
}
}Add to claude_desktop_config.json, then restart Claude Desktop.
Kill hallucinated APIs — version-accurate, up-to-date library documentation injected straight into context.
Microsoft's official browser automation server — drive a real browser through the accessibility tree, no screenshots needed.
GitHub's official server — repos, issues, pull requests, Actions and code security, straight from your assistant.
Issue tracking at the speed of conversation — Linear's official hosted server with OAuth and zero install.
Local repository surgery — status, diffs, commits, branches and history for any repo on disk.
Timezone sanity for AI — current time anywhere and correct conversions, without the model doing date math.