Search and fetch hand-drawn icons, illustrations and isometric drawings. The free set needs no key.
Maintain this server? Claim it
Call this server's tools from your browser. Nothing to install.
Optional. Only for Pro drawings: your Overflow Pro licence key. The free drawings need no key.
Requests go through mcptry because browsers can't call most MCP servers directly. Header values are sent to the server for that request only and are never stored or logged.
Tool list from our last check. Connect live to refresh it.
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.
Drawing ids, such as icon/calendar, illustration/office-club/teamwork or isometric/240/crate.
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.
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.
Isometric only: colours for a light page or a dark one.
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.
svg, or jsx: the same markup with React attribute names, to paste into a component.
Isometric only: the line weight, 1, 1.5 or 2. Duotone and fill have no lines.
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.
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.
auto: inline for icons and isometric stills of up to 32 KB, a link for the rest. Or inline, or link.
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.
| Argument | Type | Description |
|---|---|---|
| ids* | array | Drawing ids, such as icon/calendar, illustration/office-club/teamwork or isometric/240/crate. |
| pose | string | 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. |
| style | string | 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. |
| theme | string | Isometric only: colours for a light page or a dark one. |
| facing | string | 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. |
| format | string | svg, or jsx: the same markup with React attribute names, to paste into a component. |
| weight | any | Isometric only: the line weight, 1, 1.5 or 2. Duotone and fill have no lines. |
| colours | object | 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. |
| animated | boolean | 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. |
| delivery | string | auto: inline for icons and isometric stills of up to 32 KB, a link for the rest. Or inline, or link. |
{
"type": "object",
"$schema": "https://json-schema.org/draft/2020-12/schema",
"required": [
"ids"
],
"properties": {
"ids": {
"type": "array",
"items": {
"type": "string",
"maxLength": 120
},
"maxItems": 20,
"minItems": 1,
"description": "Drawing ids, such as icon/calendar, illustration/office-club/teamwork or isometric/240/crate."
},
"pose": {
"enum": [
"drawn",
"standing",
"lying"
],
"type": "string",
"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."
},
"style": {
"enum": [
"regular",
"stroke",
"two-tone",
"duotone",
"fill",
"anatomy",
"yours"
],
"type": "string",
"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."
},
"theme": {
"enum": [
"light",
"dark"
],
"type": "string",
"default": "light",
"description": "Isometric only: colours for a light page or a dark one."
},
"facing": {
"enum": [
"right",
"left"
],
"type": "string",
"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."
},
"format": {
"enum": [
"svg",
"jsx"
],
"type": "string",
"default": "svg",
"description": "svg, or jsx: the same markup with React attribute names, to paste into a component."
},
"weight": {
"anyOf": [
{
"type": "number",
"const": 1
},
{
"type": "number",
"const": 1.5
},
{
"type": "number",
"const": 2
}
],
"default": 1.5,
"description": "Isometric only: the line weight, 1, 1.5 or 2. Duotone and fill have no lines."
},
"colours": {
"type": "object",
"properties": {
"ink": {
"type": "string",
"pattern": "^#[0-9a-fA-F]{6}$"
},
"faces": {
"type": "string",
"pattern": "^#[0-9a-fA-F]{6}$"
},
"accent": {
"type": "string",
"pattern": "^#[0-9a-fA-F]{6}$"
},
"plinth": {
"type": "string",
"pattern": "^#[0-9a-fA-F]{6}$"
}
},
"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."
},
"animated": {
"type": "boolean",
"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."
},
"delivery": {
"enum": [
"auto",
"inline",
"link"
],
"type": "string",
"default": "auto",
"description": "auto: inline for icons and isometric stills of up to 32 KB, a link for the rest. Or inline, or link."
}
}
}Lists what Overflow Design has: the three sets with their counts, styles and categories, and what this connection's licence key unlocks.
No arguments.
{
"type": "object",
"$schema": "https://json-schema.org/draft/2020-12/schema",
"properties": {}
}Searches Overflow Design's hand-drawn drawings by what they show: 1,120 icons, 457 illustrations and 141 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.
| Argument | Type | Description |
|---|---|---|
| set | string | Only this set. |
| tier | string | free for drawings anybody can fetch, pro for the ones that need Pro. |
| limit | integer | |
| query | string | What the drawing should show, in plain words. Empty with a set or category to browse it. |
| offset | integer | |
| category | string | Only this category, by its slug or its label. |
{
"type": "object",
"$schema": "https://json-schema.org/draft/2020-12/schema",
"properties": {
"set": {
"enum": [
"icons",
"illustrations",
"isometric"
],
"type": "string",
"description": "Only this set."
},
"tier": {
"enum": [
"all",
"free",
"pro"
],
"type": "string",
"default": "all",
"description": "free for drawings anybody can fetch, pro for the ones that need Pro."
},
"limit": {
"type": "integer",
"default": 20,
"maximum": 50,
"minimum": 1
},
"query": {
"type": "string",
"default": "",
"maxLength": 200,
"description": "What the drawing should show, in plain words. Empty with a set or category to browse it."
},
"offset": {
"type": "integer",
"default": 0,
"maximum": 2000,
"minimum": 0
},
"category": {
"type": "string",
"maxLength": 80,
"description": "Only this category, by its slug or its label."
}
}
}