Multilingual semantic SVG icon search with previews for AI coding agents. 20,000+ icons.

How do I install Supericons?

Clone Supericons from https://github.com/curlymolelabs/supericons and configure it as an MCP server in your client (Claude Desktop, Cursor, or VS Code).

Is Supericons open source?

Yes, Supericons is open source under the MIT license. Source code is available at https://github.com/curlymolelabs/supericons.

What category does Supericons belong to?

Supericons is listed under Search & Knowledge MCP servers on MCPFind.

Supericons — MCP Server for Search & Knowledge

Supericons v2.0

Semantic SVG icon search, previews, and recommendations for AI coding agents.

Supericons helps agents find icons by meaning, not only by file name. It searches 20,000+ free icons across 11 libraries and can return SVG code or a visual comparison.

Release versions

Supericons uses separate versions for the product plugin and its MCP runtime:

Component	Current release
Supericons plugin	`2.0.0`
npm MCP runtime	`@supericons/mcp@0.4.22`
Hosted MCP runtime	`0.4.22`

The v2.0 plugin uses the current MCP runtime. There is no npm package named @supericons/mcp@2.0.0.

Quick start

For clients that support remote MCP servers, use the hosted endpoint:

https://mcp.supericons.dev/mcp

For clients that use local MCP commands, use:

{
  "mcpServers": {
    "supericons": {
      "command": "npx",
      "args": ["-y", "@supericons/mcp@latest"]
    }
  }
}

The free tools do not need a Supericons API key.

Plugin files

This repository includes public plugin manifests for Codex, Claude Code, and compatible agent directories:

.plugin/plugin.json
.codex-plugin/plugin.json
.claude-plugin/plugin.json
.agents/plugins/marketplace.json

The Codex plugin also uses:

.codex-mcp.json
skills/supericons-icon-search/SKILL.md

Manual setup fields

If your client shows a form instead of a config file, enter:

Name: supericons
Transport: stdio
Command: npx
Arguments:
-y
@supericons/mcp@latest

If it has one argument field, enter:

-y @supericons/mcp@latest

Hosted tools

search_icons : Search by meaning, label, visual description, tags, synonyms, and supported multilingual terms.

recommend_icons : Recommend a consistent icon set for up to 20 named UI slots.

get_icon : Retrieve one exact SVG icon when its icon ID and library are known.

preview_icons : Compare search results or known icon references on a hosted preview page or image.

list_libraries : List the 11 free icon libraries available through the hosted server.

Example prompts

Use Supericons to find a Lucide database icon. Show the icon id, library, and SVG.

Use Supericons to recommend icons for an AI dashboard sidebar: model, prompt, dataset, evaluation, deployment, and monitoring. Prefer Lucide outline icons.

Use Supericons to preview the strongest camera scan icons so I can compare them visually.

Pro setup

For Pro access, add the API key as an environment variable:

SUPERICONS_API_KEY=<YOUR_SUPERICONS_API_KEY>

Never paste an API key into a public issue, screenshot, committed config file, or shared chat.

Public repository scope

This repository is the public setup and directory wrapper for Supericons. It contains public manifests, install examples, support information, and brand assets. Private product code, credentials, customer data, and internal operating data are not part of this repository.

Set up in your AI client

AI clientOperating system

Merge this template into ~/Library/Application Support/Claude/claude_desktop_config.json. Keep existing servers. Add any arguments, credentials, and permissions required by the maintainer; this template has not been install-tested.

json

{
  "mcpServers": {
    "io-github-curlymolelabs-supericons": {
      "command": "npx",
      "args": [
        "-y",
        "@supericons/mcp"
      ]
    }
  }
}

Restart Claude Desktop completely for changes to take effect. Confirm the server appears connected in the client’s tool list, then try a read-only example from its documentation.

Claude Desktop setup reference

Compatible MCP Clients

Supericons works with any MCP-compatible client. Copy the config snippet from the Configuration section above and add it to the file shown for your client, then restart the application.

Claude Desktop~/Library/Application Support/Claude/claude_desktop_config.jsonRestart Claude Desktop completely for changes to take effect.

Cursor~/.cursor/mcp.jsonRestart Cursor for changes to take effect.

VS Code.vscode/mcp.jsonReload VS Code window for changes to take effect.

Windsurf~/.codeium/windsurf/mcp_config.jsonRestart Windsurf for changes to take effect.

Claude Code.mcp.jsonSave at the project root, then start Claude Code in that project and review the MCP server approval prompt. Keep real credentials out of shared files.

Supericons