Overflow Design
Search and fetch hand-drawn icons, illustrations and isometric drawings. The free set needs no key.
Should I use this
Quality & Safety
Based on automated analysis of tool definitions and protocol compliance.
Context Cost
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-httpWhat it can do
Tool inventory
Tools (3)
🟢search_drawings(query, set, category, tier, limit, ...)
Searches Overflow Design's hand-drawn drawings by what they show: 1,120 icons, 457 illustrations and 120 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, theme, ...)
Returns Overflow drawings by id, up to 20 at a time, as SVG or JSX. Icons and isometric stills of up to 32 KB come back inline as markup. Illustrations, larger isometric drawings and animated ones 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. An isometric drawing comes in any of the set page's six styles, facing right or left, and standing or lying where it has been drawn so. Free drawings need no key; the others, and the isometric Pro styles, 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": {
"description": "Icons and illustrations: regular, the default, or duotone with a second, lighter tone. Isometric drawings: stroke, two-tone, duotone, fill, anatomy, yours, as on the set page, stroke by default; duotone, fill, anatomy need Pro, and yours takes the colours option.",
"type": "string",
"enum": [
"regular",
"stroke",
"two-tone",
"duotone",
"fill",
"anatomy",
"yours"
]
},
"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 of the drawing, a custom element with its own script, that moves under the pointer. Every drawing of the set has one, the Anatomy figures included, in any style, facing, pose, weight, theme and colours, which go on the element as attributes a page can change later. Needs Pro.",
"type": "boolean"
},
"theme": {
"default": "light",
"description": "Isometric only: colours for a light page or a dark one.",
"type": "string",
"enum": [
"light",
"dark"
]
},
"facing": {
"default": "right",
"description": "Isometric only: which way the drawing faces. Left turns it round with its print still reading from the left; a sign, such as an arrow or a check, stays as drawn.",
"type": "string",
"enum": [
"right",
"left"
]
},
"pose": {
"default": "drawn",
"description": "Isometric only: as drawn, or standing or lying where the drawing has been drawn in that pose too; a search result lists a drawing's poses.",
"type": "string",
"enum": [
"drawn",
"standing",
"lying"
]
},
"weight": {
"default": 1.5,
"description": "Isometric only: the line weight, 1, 1.5 or 2. Duotone and fill have no lines.",
"anyOf": [
{
"type": "number",
"const": 1
},
{
"type": "number",
"const": 1.5
},
{
"type": "number",
"const": 2
}
]
},
"colours": {
"description": "Isometric yours only: its four colours as #rrggbb, ink (#16161a), faces (#fcfaf4), plinth (#c2d2c3), accent (#f2704a), the set page's defaults, which any left out keep.",
"type": "object",
"properties": {
"ink": {
"type": "string",
"pattern": "^#[0-9a-fA-F]{6}$"
},
"faces": {
"type": "string",
"pattern": "^#[0-9a-fA-F]{6}$"
},
"plinth": {
"type": "string",
"pattern": "^#[0-9a-fA-F]{6}$"
},
"accent": {
"type": "string",
"pattern": "^#[0-9a-fA-F]{6}$"
}
}
},
"delivery": {
"default": "auto",
"description": "auto: inline for icons and isometric stills of up to 32 KB, 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
Evidence