Overflow Design

Search and fetch hand-drawn icons, illustrations and isometric drawings. The free set needs no key.

Should I use this

Quality & Safety

A
Description quality
100%
Schema completeness
71%
Naming quality
100%
Poisoning risk
100%
Permission match
100%
Protocol compliance
100%

Based on automated analysis of tool definitions and protocol compliance.

Context Cost

~911Tokens (tool definitions)
~2.1 KBTypical response size
Moderate attention impact (0.71% of 128k context)

This is the approximate number of tokens consumed each time the server's tools are loaded into a model's context. Higher counts reduce the attention available for other tasks.

Install

One-Click Install

Add this to your `claude_desktop_config.json` file:

{
  "mcpServers": {
    "mcp": {
      "url": "https://www.overflow.design/api/mcp/"
    }
  }
}

Remote endpoints

https://www.overflow.design/api/mcp/streamable-http

What it can do

Tool inventory

Tools (3)

🟢 Read-only🟡 Write🔴 Delete⚪ Unknown
🟢search_drawings(query, set, category, tier, limit, ...)

Searches Overflow Design's hand-drawn drawings by what they show: 1,120 icons, 457 illustrations and 71 isometric drawings. Use it when the user wants an icon, an illustration or an isometric drawing. Every word of the query must match a drawing's name or tags, and "icon", "illustration" or "isometric" in the query narrows the search to that set. Returns each match's id, name, set, category and page link, and marks the drawings this connection cannot fetch because they need an Overflow Pro licence.

Input Schema

{
  "type": "object",
  "properties": {
    "query": {
      "default": "",
      "description": "What the drawing should show, in plain words. Empty with a set or category to browse it.",
      "type": "string",
      "maxLength": 200
    },
    "set": {
      "description": "Only this set.",
      "type": "string",
      "enum": [
        "icons",
        "illustrations",
        "isometric"
      ]
    },
    "category": {
      "description": "Only this category, by its slug or its label.",
      "type": "string",
      "maxLength": 80
    },
    "tier": {
      "default": "all",
      "description": "free for drawings anybody can fetch, pro for the ones that need Pro.",
      "type": "string",
      "enum": [
        "all",
        "free",
        "pro"
      ]
    },
    "limit": {
      "default": 20,
      "type": "integer",
      "minimum": 1,
      "maximum": 50
    },
    "offset": {
      "default": 0,
      "type": "integer",
      "minimum": 0,
      "maximum": 2000
    }
  },
  "$schema": "https://json-schema.org/draft/2020-12/schema"
}
🟢get_drawings(ids, style, format, animated, fill, ...)

Returns Overflow drawings by id, up to 20 at a time, as SVG or JSX. Icons and isometric stills come back inline as markup. Illustrations and animated isometric drawings, which run to tens of kilobytes, come back as a download link that works for fifteen minutes, with a curl command that saves the file; the delivery option returns them inline instead. Free drawings need no key; the others need an Overflow Pro licence key sent with the connection. Each result ends with the licence terms.

Input Schema

{
  "type": "object",
  "properties": {
    "ids": {
      "minItems": 1,
      "maxItems": 20,
      "type": "array",
      "items": {
        "type": "string",
        "maxLength": 120
      },
      "description": "Drawing ids, such as icon/calendar, illustration/office-club/teamwork or isometric/240/crate."
    },
    "style": {
      "default": "regular",
      "description": "Icons and illustrations: regular, or duotone with a second, lighter tone.",
      "type": "string",
      "enum": [
        "regular",
        "duotone"
      ]
    },
    "format": {
      "default": "svg",
      "description": "svg, or jsx: the same markup with React attribute names, to paste into a component.",
      "type": "string",
      "enum": [
        "svg",
        "jsx"
      ]
    },
    "animated": {
      "default": false,
      "description": "Isometric only: the moving version, a custom element with its own script, that moves under the pointer. Needs Pro.",
      "type": "boolean"
    },
    "fill": {
      "default": "colour",
      "description": "Isometric only: colour (the site's default), plain (greys) or stroke (outline only).",
      "type": "string",
      "enum": [
        "colour",
        "plain",
        "stroke"
      ]
    },
    "theme": {
      "default": "light",
      "description": "Isometric only: colours for a light page or a dark one.",
      "type": "string",
      "enum": [
        "light",
        "dark"
      ]
    },
    "delivery": {
      "default": "auto",
      "description": "auto: inline for icons and isometric stills, a link for the rest. Or inline, or link.",
      "type": "string",
      "enum": [
        "auto",
        "inline",
        "link"
      ]
    }
  },
  "required": [
    "ids"
  ],
  "$schema": "https://json-schema.org/draft/2020-12/schema"
}
🟢list_sets

Lists what Overflow Design has: the three sets with their counts, styles and categories, and what this connection's licence key unlocks.

Input Schema

{
  "type": "object",
  "properties": {},
  "$schema": "https://json-schema.org/draft/2020-12/schema"
}

Community

Rate this Server

Evidence

Recent observations

verifiedversion not recorded3 tools