Search free MIT SVG icons and paste React, Vue, Svelte or SVG code. No auth.
Maintain this server? Claim it
Call this server's tools from your browser. Nothing to install.
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.
Get ready-to-paste code for one icon: install command, import, JSX/Vue/Svelte usage, or raw SVG. Unknown names return the closest matches instead of a guess.
Icon name from search_icons, e.g. "trash" or "chevron-left".
Set true for right-to-left layouts (Arabic, Hebrew). Directional icons such as arrows and chevrons are mirrored; others are unchanged.
Rendered size in px. Default 24. Stroke weight adapts automatically (16px → 2.25, 20px → 1.8, 24px → 1.5).
Corner shape. Default rounded.
Output format. Default react.
Visual style. Default stroke.
Override the stroke weight on the 24px grid. Usually leave unset.
Pick your client. Values in capitals, like YOUR_TOKEN, are yours to fill in.
Run in a terminal
claude mcp add --transport http icons https://icons.oma-kase.com/mcp
Get ready-to-paste code for one icon: install command, import, JSX/Vue/Svelte usage, or raw SVG. Unknown names return the closest matches instead of a guess.
| Argument | Type | Description |
|---|---|---|
| rtl | boolean | Set true for right-to-left layouts (Arabic, Hebrew). Directional icons such as arrows and chevrons are mirrored; others are unchanged. |
| name* | string | Icon name from search_icons, e.g. "trash" or "chevron-left". |
| size | number | Rendered size in px. Default 24. Stroke weight adapts automatically (16px → 2.25, 20px → 1.8, 24px → 1.5). |
| corner | string | Corner shape. Default rounded. |
| format | string | Output format. Default react. |
| variant | string | Visual style. Default stroke. |
| strokeWidth | number | Override the stroke weight on the 24px grid. Usually leave unset. |
{
"type": "object",
"required": [
"name"
],
"properties": {
"rtl": {
"type": "boolean",
"description": "Set true for right-to-left layouts (Arabic, Hebrew). Directional icons such as arrows and chevrons are mirrored; others are unchanged."
},
"name": {
"type": "string",
"description": "Icon name from search_icons, e.g. \"trash\" or \"chevron-left\"."
},
"size": {
"type": "number",
"description": "Rendered size in px. Default 24. Stroke weight adapts automatically (16px → 2.25, 20px → 1.8, 24px → 1.5)."
},
"corner": {
"enum": [
"rounded",
"sharp"
],
"type": "string",
"description": "Corner shape. Default rounded."
},
"format": {
"enum": [
"react",
"vue",
"svelte",
"svg"
],
"type": "string",
"description": "Output format. Default react."
},
"variant": {
"enum": [
"stroke",
"solid",
"duotone",
"twotone"
],
"type": "string",
"description": "Visual style. Default stroke."
},
"strokeWidth": {
"type": "number",
"maximum": 2.25,
"minimum": 1,
"description": "Override the stroke weight on the 24px grid. Usually leave unset."
}
}
}List every icon name in the set.
No arguments.
{
"type": "object",
"properties": {}
}Find Omakase icons by meaning, e.g. "delete", "settings", "payment", "dirham". Returns exact icon names and component names. Always search before using an icon name you are unsure of.
| Argument | Type | Description |
|---|---|---|
| limit | number | Max results, default 10. |
| query* | string | What the icon should mean or show. |
{
"type": "object",
"required": [
"query"
],
"properties": {
"limit": {
"type": "number",
"description": "Max results, default 10."
},
"query": {
"type": "string",
"description": "What the icon should mean or show."
}
}
}We read every tool's name, description and inputs the way the model will, looking for instructions hidden from you. A clean result means no warning signs, not a guarantee. Scanned Nov 10, 2026.