Icons8 MCP server
公式あなたのvibe-codingプロジェクトでMCPサーバーSVGおよびMCPサーバーPNGアイコンにアクセスできます。
Icons8 MCPで何ができますか？
- アイコンの検索と取得 — AIに依頼して、最大40,000種類のアイコンライブラリからプロジェクトに適したアイコンを検索・挿入してもらいます。
- UI要素へのアイコン追加 — 箇条書き、機能ブロック、ナビゲーション、プロセスステップにアイコンを配置するよう依頼します。
- プロジェクトのアイコンを特定のスタイルに置き換え — AIに指示して、既存のすべてのアイコンをiOSグリフやカラーなどの一貫したスタイルに交換してもらいます。
- SVG形式でアイコンを取得 — 有料のAPIキーを使用する際にリクエストでSVG形式を指定すると、スケーラブルなベクター出力が得られます。
- PNG形式でアイコンを取得 — APIキーなしで無料枠を利用すると、プロトタイピング用の高解像度PNGプレビューを受け取れます。
ドキュメント
Icons8 MCPサーバー
あなたのVibeコーディングプロジェクトでMCPサーバーSVGおよびMCPサーバーPNGアイコンにアクセス
無料で使う
Product Hunt
今日のプロダクト
最大40,000個のアイコンを収録した巨大なMCPサーバーアイコンパック
完全カバレッジ
対応環境
Windsurf、
Claude Code、
Cursor
その他のAIコーディングツール
プロジェクト内のすべてのアイコンをトレンディなものに置き換え
または他のスタイルに
すべての箇条書きリストや機能ブロック、
プロセスステップ、ナビゲーションなどにアイコンを追加
Icons8 MCPを使用したデモ
Icons8 MCPの使い方
必要なもの
- Node.jsがインストールされていること
- Claude Code、Cursor、Windsurf、または類似のAIコーディングツール
ステップ1: プランを選択
高解像度PNGアイコン
無料
迅速なプロトタイピングとテストのための高解像度MCPサーバーPNGアイコン。
{ "mcpServers": { "icons8mcp": { "command": "npx", "args": [ "mcp-remote", "https://mcp.icons8.com/mcp/" ] } } }
コードをコピー
SVGアイコン
APIキーが必要
MCPサーバーSVGは有料ユーザー向けです。月額$15でサブスクライブし、アカウントのMCPタブでセットアップコードを確認してください。
{ "mcpServers": { "icons8mcp": { "command": "npx", "args": [ "mcp-remote", "https://mcp.icons8.com/mcp/", "--header", "Authorization:${AUTH_HEADER}" ], "env": { "AUTH_HEADER": "Bearer YOUR_API_KEY" } } } }
コードをコピー
ステップ2: クライアントをセットアップ
Claude Code
Cursor
Windsurf
VS Code
その他
1. ターミナルを開き、以下を実行:
claude mcp add icons8mcp -- \ npx mcp-remote \ "https://mcp.icons8.com/mcp/" \ --header "Authorization: Bearer YOUR_API_KEY"
コードをコピー
2. 以下のコマンドでMCP設定を確認し、サーバーを管理:
claude mcp list
コードをコピー
ステップ3: プロジェクトにアイコンを取得
AIに依頼: 「iOSグリフスタイルのMCPサーバーアイコンSVGを使ったWebページを作成して」または「カラースタイルの分析SVGアイコンを使ったダッシュボードを作成して」。ライブデモを参考にしてください。問題が発生した場合は、FAQセクションをご覧ください。
よくある質問
「APIキーがありません」と表示されたら？
月額$15でサブスクライブし、Icons8アカウントのMCPタブでセットアップコードを確認してください。または、Icons8開発者ポータルからAPIキーを取得してください。
SVGアイコンを特に取得するには？
リクエスト時にSVGアイコンが必要であることを明記してください。
どのようなフォーマットで取得できますか？
SVG（APIキーが必要）、PNGプレビューは全ユーザーが利用可能です。
MCPサーバーでPNGアイコンを無料でダウンロードできますか？
はい、Icons8 MCPサーバーに接続すれば、APIキーなしでPNGアイコンのプレビューを利用できます。
無料版のライセンス条件は？
MCPを通じてダウンロードされたすべてのPNGアイコンは、当社へのリンクを提供すれば無料で使用できます。ライセンスはこちらでご確認ください。
APIキーは必要ですか？
PNGはキーなしで動作しますが、SVGのダウンロードには有料のAPIキーが必要です。アカウントのMCPタブで確認できます。
SVGをリクエストしているのにPNGが返ってくる
MCPタブでAPIキーを設定するか、SVGフォーマットを明示的にリクエストしてください。
MCPサーバーからSVGアイコンを取得するには？
SVGアイコンにはAPIキーが必要です。月額$15でサブスクライブし、アカウントのMCPタブからキーを取得してください。
アイコンを一括ダウンロードできますか？
まだできませんが、まさに現在積極的に開発中の機能です。
ヘルプが必要ですか？
ドキュメントを確認するか、チャットでお問い合わせください。