Supericons
Let your coding agent find and recommend the right SVG icons by meaning instead of guessing filenames or browsing icon sites manually.
Overview
Supericons is a MCP server for the Build phase that semantically searches and recommends SVG icons for AI coding agents.
What is this MCP server?
- Semantic search over SVG icons matched to natural-language intent
- Icon recommendations tailored for AI coding workflows
- Hosted streamable-http remote at mcp.supericons.dev
- Local stdio via npm package supericons-mcp (v0.4.1)
- No API key in published server metadata for quick remote try
- Server version 0.4.1
- Transports: streamable-http remote plus npm stdio package supericons-mcp
What problem does it solve?
Agents pick generic or mismatched icons because they cannot search icon sets by meaning inside the editor.
Who is it for?
Solo builders shipping web or extension UIs who want the agent to resolve icon names from feature descriptions.
Skip if: Teams that need proprietary brand icon sets, raster asset pipelines, or full design-system authoring without SVG search.
What do I get? / Deliverables
Your agent returns semantically matched SVG icon candidates while you implement UI, reducing back-and-forth with external icon browsers.
- Semantically ranked SVG icon suggestions in agent context
- Repeatable icon lookup workflow across UI tasks
Recommended MCP Servers
Journey fit
How it compares
MCP icon search integration, not a Figma plugin or static icon font download site.
Common Questions / FAQ
Who is Supericons for?
Indie developers and agent users who build SaaS or marketing UIs and want semantic SVG icon lookup inside Claude Code, Cursor, or Codex.
When should I use Supericons?
Use it during frontend implementation when you describe UI states in chat and need consistent SVG icons without leaving the agent session.
How do I add Supericons to my agent?
Register the streamable-http remote https://mcp.supericons.dev/mcp or install the npm package supericons-mcp for stdio per your MCP client’s server config.