mcpField
O
Omakase Icons

Omakase Icons

Remote
icons.oma-kase.comDeveloper Tools0Updated today

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

  1. 01Search icons by meaning
  2. 02Retrieve framework-specific code
  3. 03List all icon names
  4. 04Choose style, corner, size, and stroke weight
  5. 05MIT-licensed icon packages

Use cases

  1. 01Find an icon before adding it to a project
  2. 02Paste a matching icon into React, Vue, or Svelte
  3. 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.

Endpointhttps://icons.oma-kase.com/mcp
Copy install command
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

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 README

Omakase Icons

License: MIT npm MCP server Omakase Icons MCP connector on Glama

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

Omakase Icons: one drawing, every style

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:

OptionValuesDefault
variantstroke, solid, duotone, twotonestroke
cornerrounded, sharprounded
sizeany number of pixels24
strokeWidth1 to 2.25fits the size: 2.25 at 16px, 1.8 at 20px, 1.5 at 24px
colorany CSS colourcurrentColor
titleaccessible labelnone (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

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

Markdown supported

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.