Lets LLMs search and list Heroicons and generate usage code for them.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add heroicons -- npx heroicons-mcp --stdio~/.codex/config.toml
[mcp_servers.heroicons]
command = "npx"
args = ["heroicons-mcp", "--stdio"]
# codex mcp add heroicons -- npx heroicons-mcp --stdio~/.cursor/mcp.json
{
"mcpServers": {
"heroicons": {
"command": "npx",
"args": [
"heroicons-mcp",
"--stdio"
]
}
}
}.vscode/mcp.json
{
"servers": {
"heroicons": {
"type": "stdio",
"command": "npx",
"args": [
"heroicons-mcp",
"--stdio"
]
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"heroicons": {
"command": "npx",
"args": [
"heroicons-mcp",
"--stdio"
]
}
}
}claude_desktop_config.json
{
"mcpServers": {
"heroicons": {
"command": "npx",
"args": [
"heroicons-mcp",
"--stdio"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"heroicons": {
"command": "npx",
"args": [
"heroicons-mcp",
"--stdio"
]
}
}
}