INDIVIDUAL MCP TOOL

preview_icons

Look before you choose: one labelled picture of several icons in several styles.

withicons.comnone authenticationAvailability not checked

LIVE ENDPOINT

https://withicons.com/mcp

No auth detected

Connect to this endpoint to inspect the live schema for preview_icons and invoke it with your own arguments.

{}

Inferred read-only · medium confidence · heuristic, not a guarantee.

No write-capable action terms were found; this is not proof that invocation has no side effects.

CONNECT WITH APPROVAL

Review this server and its permissions before adding it. Secret placeholders must be set locally.

Codex

~/.codex/config.toml

[mcp_servers.withicons]
url = "https://withicons.com/mcp"
enabled = true

Claude Code

.mcp.json

{
  "mcpServers": {
    "withicons": {
      "type": "http",
      "url": "https://withicons.com/mcp"
    }
  }
}

Claude Desktop

Settings → Connectors → Add custom connector

Name: withicons
Remote MCP URL: https://withicons.com/mcp

Add this remote URL as a custom connector in Claude Desktop. Availability depends on the user plan and workspace policy.

Cursor

.cursor/mcp.json

{
  "mcpServers": {
    "withicons": {
      "url": "https://withicons.com/mcp"
    }
  }
}

Visual Studio Code

.vscode/mcp.json

Add to Visual Studio Code

{
  "servers": {
    "withicons": {
      "type": "http",
      "url": "https://withicons.com/mcp"
    }
  }
}

Generic MCP

Client-specific MCP configuration

{
  "name": "withicons",
  "transport": "streamable-http",
  "url": "https://withicons.com/mcp"
}

MCP Inspector

Run the official MCP Inspector locally and enter the indexed Streamable HTTP endpoint.

search_icons — Find icons by meaning.
get_icon — Get one icon as paste-ready code or SVG.
list_styles — The 34 visual styles every icon is drawn in (line, solid, duo, gloss, engrave, blueprint, sketch, glass, kawaii, sticker, pixel, retro, luxe, bauhaus, skeuo, anime, gothic, pastel, coquette, plush, clay, bento, suite, dock, liquid, chrome, soft3d, brutal, utsav, rangoli, halloween, christmas, lunar, valentine), with their group (Essentials, Product & brand, 3D & glass, Playful, Artistic, Holidays), goodFor, what each looks like, minSize (the smallest px it reads well at: 16 for UI styles, 32 creative and palette, 48 studio and storybook) and onDark (how to use it on dark backgrounds); palette styles list their colour variables.
recommend_styles — Which style(s) to use for a job.
list_categories — All icon categories with counts, or (with category) every icon in that category.
resolve_icon — Check whether a name or alias maps to exactly one icon.
list_palettes — The 20-30 colour palettes picked for one icon (true-to-life first, then moods: pastel, neon, retro, earthy, luxe, ...), each with its ten role colours (ink, c1-c4, tint, accent, shadow, shine, edge).
animate_icon — Paste-ready animation code for an icon, using the optional @withicons/motion package (CSS, works with every style and package).