Supericons

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:

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.

Links

• Website: https://supericons.dev
• MCP setup: https://supericons.dev/mcp/
• npm package: https://www.npmjs.com/package/@supericons/mcp
• Hosted MCP: https://mcp.supericons.dev/mcp
• Server card: https://mcp.supericons.dev/.well-known/mcp/server-card.json

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.