About Omakase Icons
Omakase Icons is an MIT-licensed icon catalog for developers and AI coding tools. Its MCP server searches the catalog and returns ready-to-paste code for React, Vue, Svelte, or SVG in configurable styles.
Key features
- 01Search icons by meaning
- 02Retrieve framework-specific code
- 03List all icon names
- 04Choose style, corner, size, and stroke weight
- 05MIT-licensed icon packages
Use cases
- 01Find an icon before adding it to a project
- 02Paste a matching icon into React, Vue, or Svelte
- 03Get standalone SVG code for an interface
MCP support
The remote Streamable HTTP server lets MCP clients search the actual icon catalog, list names, and retrieve React, Vue, Svelte, or SVG code. No sign-in or API key is required.
Configuration
Remote servers need no local install. Pick your client, then copy the config or install in one click.
https://icons.oma-kase.com/mcpclaude mcp add --transport http com-oma-kase-icons https://icons.oma-kase.com/mcp{"mcpServers":{"com-oma-kase-icons":{"type":"http","url":"https://icons.oma-kase.com/mcp"}}}Open in Cursor{"servers":{"com-oma-kase-icons":{"type":"http","url":"https://icons.oma-kase.com/mcp"}}}Open in VS Code{"mcpServers":{"com-oma-kase-icons":{"type":"http","url":"https://icons.oma-kase.com/mcp"}}}{"mcpServers":{"com-oma-kase-icons":{"serverUrl":"https://icons.oma-kase.com/mcp"}}}Run commands in a terminal; paste JSON into the client’s MCP config and restart. Servers that need sign-in will prompt on first connect.
Tools
Details
From the project READMEOmakase Icons
152 free icons, each drawn once and generated in every style: stroke, solid, duotone and two-tone, with rounded or sharp corners, at any stroke weight. MIT licensed.
Browse all icons · Request an icon · Report a problem
Install
npm i @uv-foundry/icons-react # React
npm i @uv-foundry/icons-vue # Vue 3
npm i @uv-foundry/icons-svelte # Svelte 5
npm i @uv-foundry/icons-core # any framework, or plain SVG strings
import { HomeIcon } from '@uv-foundry/icons-react';
<HomeIcon />
<HomeIcon variant="solid" corner="sharp" size={16} />
Every package takes the same options:
| Option | Values | Default |
|---|---|---|
variant | stroke, solid, duotone, twotone | stroke |
corner | rounded, sharp | rounded |
size | any number of pixels | 24 |
strokeWidth | 1 to 2.25 | fits the size: 2.25 at 16px, 1.8 at 20px, 1.5 at 24px |
color | any CSS colour | currentColor |
title | accessible label | none (the icon is hidden from screen readers) |
At 16px and 20px the icons use a drawing snapped to that size's pixel grid, so thin lines stay sharp.
Use it from an AI coding tool
The MCP server lets Claude Code, Cursor, VS Code and other assistants search the real catalog, so they never import an icon that does not exist. It is a remote Streamable HTTP server at https://icons.oma-kase.com/mcp. No sign-in and no API key.
Claude Code
claude mcp add --transport http omakase-icons https://icons.oma-kase.com/mcp
Cursor: add this to .cursor/mcp.json or to the global MCP settings.
{
"mcpServers": {
"omakase-icons": { "url": "https://icons.oma-kase.com/mcp" }
}
}
VS Code: add this to .vscode/mcp.json.
{
"servers": {
"omakase-icons": { "type": "http", "url": "https://icons.oma-kase.com/mcp" }
}
}
Tools:
search_icons: find icons by meaning, such as "delete", "payment" or "dirham", and get exact names.get_icon: ready-to-paste React, Vue, Svelte or SVG code, in any style, corner, size and stroke weight.list_icons: every icon name in the set.
Plain-text guide for AI tools: icons.oma-kase.com/llms.txt.
Plain SVG files
The svg/ folder has every icon as a standalone file, by style and corner: svg/<style>/<corner>/<name>.svg. icons.json lists every icon name.
Request an icon or report a problem
- Request an icon that is missing from the set. Requests decide what gets drawn next.
- Report a problem with an icon that looks wrong or does not render.
What's in this repository
This repository holds the published icons: the SVG files, the icon list, the licence and the changelog. It is generated from our drawing source on every release, so please open an issue rather than a pull request.
License
MIT. Free for personal and commercial use, with no attribution required in your product.
Version 0.7.0. Made by Omakase.
Comments
New to MCP?
From what the protocol is to installing your first server, these answers cover most first questions.
An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.