infyicon-mcp について
infyicon-mcp は、AI クライアントから無料アイコンを検索し、埋め込み用 SVG、PNG URL、フォントクラスを取得する MCP サーバーです。ホスト型エンドポイントとローカル実行用ブリッジで大規模なアイコンカタログを提供します。
主な機能
- 01キーワードやスタイルでアイコン検索
- 02単体・複数アイコンの SVG 取得
- 03指定サイズの透過 PNG URL 取得
- 04関連アイコンや人気アイコンの検索
- 05UI フォントの CSS クラス検索
活用シーン
- 01インターフェース用アイコンの検索
- 02プロジェクト用 SVG マークアップの取得
- 03統一感のあるアイコン候補の検索
- 04UI 要素用フォントクラスの確認
MCP 対応
アイコン検索、SVG・PNG取得、関連アイコンやカテゴリの検索、フォントクラスの参照に使える読み取り専用ツールを公開します。クライアントはホスト型エンドポイントまたは stdio ブリッジに接続できます。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://infyicon.com/mcpclaude mcp add --transport http krupalghori44-dev-infyicon https://infyicon.com/mcp{"mcpServers":{"krupalghori44-dev-infyicon":{"type":"http","url":"https://infyicon.com/mcp"}}}Cursor で開く{"servers":{"krupalghori44-dev-infyicon":{"type":"http","url":"https://infyicon.com/mcp"}}}VS Code で開く{"mcpServers":{"krupalghori44-dev-infyicon":{"type":"http","url":"https://infyicon.com/mcp"}}}{"mcpServers":{"krupalghori44-dev-infyicon":{"serverUrl":"https://infyicon.com/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
ツール
8| パラメーター | 型 | 必須 | 説明 |
|---|---|---|---|
| limit | integer | いいえ | 1 ページあたりの最大件数(デフォルト 10、最大 30) |
| query | string | はい | 検索する内容。例:"shopping cart"、"doctor"、"hammer"(通常の単語を 1~4 語使うのがおすすめです) |
| style | enum | いいえ | 任意:スタイルを 1 種類に限定します。省略すると、4 種類すべてのスタイルが混在して返されますoutline | fill | color-outline | color-fill |
| offset | integer | いいえ | 任意:ページネーションでこの件数分の結果をスキップします。前回のレスポンスの next_offset を渡すと次のページを取得できます。 |
詳細
Infyicon MCP サーバー
あらゆる AI アシスタント(Claude、ChatGPT、Cursor、VS Code / Copilot、Codex、Gemini、Windsurf、Zed、Cline、Goose、LM Studio、JetBrains、その他すべての MCP クライアント)から、161,000 点以上の無料の手描きベクターアイコンを検索できます。4 種類のスタイル(アウトライン、塗りつぶし、カラーアウトライン、カラーフィル)を用意しています。埋め込み可能な SVG マークアップ、16~512 px の透過 PNG、61,000 字形の UI ウェブフォントも利用できます。
- ホスト型エンドポイント(推奨):
https://infyicon.com/mcp— ストリーミング可能な HTTP、ステートレス、認証不要、API キー不要。すべてのツールは読み取り専用です - ワンクリックのインストールボタンと、各クライアント用のコピー&ペースト可能な設定: https://infyicon.com/connect
- アイコンのライセンス: infyicon.com の帰属表示があれば、個人利用・商用利用ともに無料 — https://infyicon.com/license
ツール(v1.2.0)
| ツール | 機能 |
|---|---|
search_icons | 161,000 点以上のアイコンをキーワードで検索します。スタイルによる絞り込みとオフセットページングに対応しています。ID、名前、ページ/SVG/PNG の URL、タグを返します。 |
get_popular_icons | 検索語がない場合に、注目のアイコンを返します。 |
get_related_icons | スタイルをまたいで同じテーマのアイコンを返します。一貫したセットを作成したり、バリエーションを提案したりできます。 |
get_icon_svg | 1 つのアイコン ID に対応する、埋め込み可能な SVG マークアップ全体を返します。 |
get_icon_svg_bulk | 1 回の呼び出しで、1~20 個のアイコン ID に対応する SVG マークアップを返します。 |
get_icon_png | 16/24/32/64/128/256/512 px の透過 PNG の URL を返します。 |
list_categories | 人気のカテゴリとその件数、カテゴリーページの URL を返します。 |
search_uicons | Infyicon UI ウェブフォントの CSS クラス名を返します(<i class="ii-r-home"></i>)。 |
v1.0/1.1 の旧名称(popular_icons、related_icons、bulk_svg、uicons_lookup)もエイリアスとして引き続き利用できます。
クイックスタート
Claude.ai / Claude Desktop — 設定 → コネクター → カスタムコネクターを追加 → https://infyicon.com/mcp。またはデスクトップ拡張機能 infyicon.mcpb をインストールします。
Claude Code
claude mcp add --transport http infyicon https://infyicon.com/mcp
# or as a plugin
claude plugin marketplace add krupalghori44-dev/infyicon-mcp && claude plugin install infyicon@infyicon
ChatGPT — 設定 → アプリとコネクター → 詳細設定 → 開発者モード → 作成 → MCP URL に https://infyicon.com/mcp を指定し、認証は なし にします。
Cursor — Cursor に追加するか、~/.cursor/mcp.json を編集します。
{ "mcpServers": { "infyicon": { "url": "https://infyicon.com/mcp" } } }
VS Code / GitHub Copilot — .vscode/mcp.json:
{ "servers": { "infyicon": { "type": "http", "url": "https://infyicon.com/mcp" } } }
Codex CLI — codex mcp add infyicon --url https://infyicon.com/mcp
Gemini CLI(拡張機能、推奨) — gemini extensions install https://github.com/krupalghori44-dev/infyicon-mcp — サーバー、/icons <query> コマンド、使用コンテキストを追加します。または、通常の MCP を使う場合は gemini mcp add --transport http infyicon https://infyicon.com/mcp · Gemini アプリ — 設定 → 接続済みアプリ → カスタム MCP サーバーを追加
Windsurf — { "mcpServers": { "infyicon": { "serverUrl": "https://infyicon.com/mcp" } } }
Cline / Roo Code — { "mcpServers": { "infyicon": { "type": "streamableHttp", "url": "https://infyicon.com/mcp" } } }
stdio 専用クライアント(Zed、Goose、LM Studio、JetBrains、Perplexity など) — 依存関係ゼロの npm ブリッジを介して、ホスト型サーバーに接続します。
{ "mcpServers": { "infyicon": { "command": "npx", "args": ["-y", "infyicon-mcp"] } } }
自分で実行する
npx -y infyicon-mcp # stdio bridge
npx -y infyicon-mcp --http 3000 # local HTTP mirror at POST http://127.0.0.1:3000/mcp
docker build -t infyicon-mcp . && docker run -i infyicon-mcp
standalone.js は initialize、tools/list、tools/call を https://infyicon.com/mcp に中継します(INFYICON_MCP_UPSTREAM で変更できます)。そのため、常に最新の状態で利用できます。mcp.js は infyicon.com で実行されるリファレンス実装です(Express、独自実装の JSON-RPC、SDK 不使用)。
リポジトリの構成
standalone.js— npm パッケージinfyicon-mcp(stdio/--http)mcp.js— ホスト型サーバーのソースmcpb/— Claude Desktop 拡張機能のソース。npx @anthropic-ai/mcpb pack mcpb dist/infyicon.mcpbでビルドします.claude-plugin/+.mcp.json— Claude Code プラグインマーケットプレイスgemini-extension.json+GEMINI.md+commands/— Gemini CLI 拡張機能(/iconsコマンド)connect/connect.html— https://infyicon.com/connect で提供されるワンクリックセットアップページserver.json— 公式 MCP レジストリのマニフェスト
プライバシー
ツールの引数(検索語、アイコン ID、スタイルフィルター)は HTTPS 経由で infyicon.com に送信されます。応答には、アイコンのメタデータ、SVG マークアップ、PNG の URL が含まれます。アカウント、API キー、テレメトリー、ローカルファイルへのアクセスはありません。プライバシーポリシー:https://infyicon.com/privacy · お問い合わせ先:[email protected]
ライセンス
サーバーおよびブリッジのコード:MIT。アイコン:クレジット表記を条件に無料で利用できます — https://infyicon.com/license
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。