Repository avatar
Search & Data Extraction
v0.8.0
active

icons

com.oma-kase/icons

Search free MIT SVG icons and paste React, Vue, Svelte or SVG code. No auth.

Documentation

Omakase Icons

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

194 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.8.0. Made by Omakase.

No installation packages available.

Remote