mcpField
I
infyicon-mcp

infyicon-mcp

リモート
github.com/krupalghori44-devメディア・デザイン05 週間前に更新
リポジトリ

infyicon-mcp について

infyicon-mcp は、AI クライアントから無料アイコンを検索し、埋め込み用 SVG、PNG URL、フォントクラスを取得する MCP サーバーです。ホスト型エンドポイントとローカル実行用ブリッジで大規模なアイコンカタログを提供します。

主な機能

  1. 01キーワードやスタイルでアイコン検索
  2. 02単体・複数アイコンの SVG 取得
  3. 03指定サイズの透過 PNG URL 取得
  4. 04関連アイコンや人気アイコンの検索
  5. 05UI フォントの CSS クラス検索

活用シーン

  1. 01インターフェース用アイコンの検索
  2. 02プロジェクト用 SVG マークアップの取得
  3. 03統一感のあるアイコン候補の検索
  4. 04UI 要素用フォントクラスの確認

MCP 対応

アイコン検索、SVG・PNG取得、関連アイコンやカテゴリの検索、フォントクラスの参照に使える読み取り専用ツールを公開します。クライアントはホスト型エンドポイントまたは stdio ブリッジに接続できます。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://infyicon.com/mcp
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

ツール

8
パラメーター型必須説明
limitintegerいいえ1 ページあたりの最大件数(デフォルト 10、最大 30)
querystringはい検索する内容。例:"shopping cart"、"doctor"、"hammer"(通常の単語を 1~4 語使うのがおすすめです)
styleenumいいえ任意:スタイルを 1 種類に限定します。省略すると、4 種類すべてのスタイルが混在して返されますoutline | fill | color-outline | color-fill
offsetintegerいいえ任意:ページネーションでこの件数分の結果をスキップします。前回のレスポンスの next_offset を渡すと次のページを取得できます。

詳細

Infyicon MCP サーバー

Official MCP Registry npm Glama TDQS One-click setup

あらゆる 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_icons161,000 点以上のアイコンをキーワードで検索します。スタイルによる絞り込みとオフセットページングに対応しています。ID、名前、ページ/SVG/PNG の URL、タグを返します。
get_popular_icons検索語がない場合に、注目のアイコンを返します。
get_related_iconsスタイルをまたいで同じテーマのアイコンを返します。一貫したセットを作成したり、バリエーションを提案したりできます。
get_icon_svg1 つのアイコン ID に対応する、埋め込み可能な SVG マークアップ全体を返します。
get_icon_svg_bulk1 回の呼び出しで、1~20 個のアイコン ID に対応する SVG マークアップを返します。
get_icon_png16/24/32/64/128/256/512 px の透過 PNG の URL を返します。
list_categories人気のカテゴリとその件数、カテゴリーページの URL を返します。
search_uiconsInfyicon 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

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。