Omakase Icons

Omakase Icons

152 個の無料アイコンを収録しています。それぞれ一度だけ描画し、ストローク、ソリッド、デュオトーン、ツートーンのすべてのスタイルで生成されます。角は丸型またはシャープ型から選べ、ストロークの太さも自由に指定できます。MIT ライセンスです。

すべてのアイコンを見る · アイコンをリクエスト · 問題を報告

インストール

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} />

すべてのパッケージで同じオプションを使用できます。

オプション	値	デフォルト
variant	stroke、solid、duotone、twotone	stroke
corner	rounded、sharp	rounded
size	任意のピクセル数	24
strokeWidth	1～2.25	サイズに合わせて調整：16px では 2.25、20px では 1.8、24px では 1.5
color	任意の CSS カラー	currentColor
title	アクセシブルなラベル	なし（アイコンはスクリーンリーダーから隠されます）

16px と 20px では、そのサイズのピクセルグリッドに合わせた描画を使用するため、細い線もくっきり表示されます。

AI コーディングツールから使う

MCP サーバーを使うと、Claude Code、Cursor、VS Code などのアシスタントから実際のカタログを検索できるため、存在しないアイコンをインポートすることがありません。https://icons.oma-kase.com/mcp にあるリモートの Streamable HTTP サーバーです。サインインも API キーも不要です。

Claude Code

claude mcp add --transport http omakase-icons https://icons.oma-kase.com/mcp

Cursor：.cursor/mcp.json またはグローバル MCP 設定に追加します。

{
  "mcpServers": {
    "omakase-icons": { "url": "https://icons.oma-kase.com/mcp" }
  }
}

VS Code：.vscode/mcp.json に追加します。

{
  "servers": {
    "omakase-icons": { "type": "http", "url": "https://icons.oma-kase.com/mcp" }
  }
}

ツール：

• search_icons：「delete」「payment」「dirham」などの意味からアイコンを検索し、正確な名前を取得します。
• get_icon：任意のスタイル、角、サイズ、ストロークの太さを指定して、React、Vue、Svelte または SVG のコードをすぐに貼り付けられる形で取得します。
• list_icons：セット内のすべてのアイコン名を取得します。

AI ツール向けのプレーンテキストガイド：icons.oma-kase.com/llms.txt。

プレーンな SVG ファイル

svg/ フォルダーには、スタイルと角ごとに分けた、各アイコンの単独ファイルがあります：svg/<style>/<corner>/<name>.svg。すべてのアイコン名は icons.json に記載されています。

アイコンのリクエストまたは問題の報告

• セットにないアイコンは、**アイコンをリクエスト**してください。次に描画するものはリクエストをもとに決まります。
• アイコンの見た目がおかしい、または正しく表示されない場合は、**問題を報告**してください。

このリポジトリについて

このリポジトリには、公開済みのアイコン、SVG ファイル、アイコン一覧、ライセンス、変更履歴が含まれています。リリースのたびに元の描画データから生成されるため、プルリクエストではなくイシューを作成してください。

ライセンス

MIT。個人利用、商用利用ともに無料で、製品内でのクレジット表記は不要です。

バージョン 0.7.0。Omakase 制作。