# heroicons-mcp

> heroicons-mcp — seeyangzhi-heroicons-mcp. Use this tool when you need to integrate high-quality, customizable icons into your web application or design project. It solves problems related to visual consistency and user experience by providing a wide range of icons that can be easily styled and scaled. With input of icon names and optional customization parameters, it outputs optimized icon components for use in various design contexts.

Canonical page: https://skillsregistry.net/skills/seeyangzhi-heroicons-mcp  
JSON: https://api.skillsregistry.net/v1/skills/seeyangzhi-heroicons-mcp

## Description

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.

## Trust

- **Trust score (0–1):** 1.00
- **Verification tier:** verified
- **Last scanned:** 2026-09-19

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** ai-ml
- **Updated:** 2026-09-19

## Source

- **Source listing:** [Glama](https://glama.ai/mcp/servers/ruc0joiot2)
- **Repository:** <https://github.com/SeeYangZhi/heroicons-mcp>

## Use it

Resolve this record through the SkillsRegistry MCP server (no auth, read-only):

```
claude mcp add --transport http --scope user skillsregistry https://api.skillsregistry.net/mcp
```

```json
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "get_skill",
    "arguments": {
      "slug": "seeyangzhi-heroicons-mcp"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/seeyangzhi-heroicons-mcp` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/seeyangzhi-heroicons-mcp/pull`

---
SkillsRegistry indexes agent skills from public registries and GitHub. Skills we have analysed are scanned with Circle-IR and scored on six dimensions; each listing states its scan coverage. More: https://skillsregistry.net/llms.txt
