Skip to content
appsgit

Keyline Icons

Keyline Icons is an MCP server that searches Keyline Icons by name and get any icon's SVG source or React import. It has 151 GitHub stars, is released under the MIT license and runs locally with npx -y @keyline-icons/mcp. It works with Claude Desktop, Claude Code, Cursor and VS Code.

github.com/keyline-icons/keyline-icons (opens in a new tab)

View on GitHub (opens in a new tab)Website (opens in a new tab)

Install Keyline Icons

Generated from the server's MCP registry entry. Replace your-value with your own values.

Claude Desktop

claude_desktop_config.json
{
  "mcpServers": {
    "keyline-icons": {
      "command": "npx",
      "args": [
        "-y",
        "@keyline-icons/mcp"
      ]
    }
  }
}

Settings > Developer > Edit Config. macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\. Restart Claude Desktop afterwards.

Claude Code

claude mcp add --transport stdio keyline-icons -- npx -y @keyline-icons/mcp

Cursor

.cursor/mcp.json
{
  "mcpServers": {
    "keyline-icons": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@keyline-icons/mcp"
      ]
    }
  }
}

Project file; use ~/.cursor/mcp.json to enable it in every project.

VS Code

.vscode/mcp.json
{
  "servers": {
    "keyline-icons": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@keyline-icons/mcp"
      ]
    }
  }
}

Config formats checked against the official docs on Oct 7, 2026: modelcontextprotocol.io (opens in a new tab), code.claude.com (opens in a new tab), cursor.com (opens in a new tab), code.visualstudio.com (opens in a new tab).

Tools (4)

Parsed from the Tools section of the README; check the repository for the current list.

  • describe_set

    Counts, styles, and the rule deciding which icons have which style. Worth calling first.

  • search_icons

    Find icons by name. Returns which styles each has.

  • get_icon

    Full SVG source for one name, style and corner treatment, regular or sharp.

  • get_react_usage

    The import line and JSX from @keyline-icons/react, sharp entry points included.

About Keyline Icons

An MCP server for Keyline Icons. Lets an agent search the set, read an icon's SVG, and get the right React import, without guessing at names.

  • design-system
  • figma
  • icon-set
  • icons
  • mcp
  • react
  • shadcn
  • shadcn-ui
  • svg
  • tailwindcss

Similar MCP servers

More developer tools MCP servers

All Developer tools

FAQ

Keyline Icons FAQ

Still curious? Email info@appsgit.com.

What is Keyline Icons?

Keyline Icons is an MCP server that searches Keyline Icons by name and get any icon's SVG source or React import. It has 151 GitHub stars, is released under the MIT license and runs locally with npx -y @keyline-icons/mcp. It works with Claude Desktop, Claude Code, Cursor and VS Code. The source code is at github.com/keyline-icons/keyline-icons.

How do I install the Keyline Icons MCP server?

Add the command npx -y @keyline-icons/mcp to your MCP client: put it in claude_desktop_config.json for Claude Desktop, run claude mcp add for Claude Code, or add it to .cursor/mcp.json (Cursor) or .vscode/mcp.json (VS Code). The snippets on this page are ready to paste.

Is Keyline Icons free?

The server is open source under the MIT license, so running it is free. It does not declare any required API key.

Is Keyline Icons actively maintained?

The most recent commit was on Oct 5, 2026. The latest release is v1.7.0, published Oct 5, 2026. appsgit only lists MCP servers with a commit in the last six months and re-checks every server daily.