AI/LLM ブランドアイコンの検索

lobe-icons ライブラリから AI/LLM モデルのブランドアイコンとロゴにアクセスできます。このライブラリには、モデル (Claude、GPT、Gemini)、プロバイダー (OpenAI、Anthropic、Google)、アプリケーション (ComfyUI、LobeChat) 用の 100 以上のアイコンが含まれています。

アイコンの形式とバリエーション

利用可能な形式: SVG (スケーラブル)、PNG (ラスター)、WEBP (圧縮) テーマバリエーション: light、dark、color (一部アイコン)

CDN URL パターン

以下のパターンを使用して URL を構成します:

# SVG
https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-svg/{light|dark}/{icon-name}.svg

# PNG
https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/{light|dark}/{icon-name}.png

# WEBP
https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-webp/{light|dark}/{icon-name}.webp

# Color バリアント (icon-name に -color を追加)
https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/{icon-name}-color.png

アイコン命名規則: 小文字、ハイフン区切り (例: claude、chatglm、openai、huggingface)

ワークフロー

ユーザーがアイコンをリクエストした場合:

1. アイコン名を特定 (通常は小文字の企業/モデル名、複数単語の場合はハイフン区切り)
2. 形式 (デフォルト: PNG) とテーマ (デフォルト: dark) を決定
3. 上記のパターンを使用して CDN URL を構成
4. URL をユーザーに提供
5. ダウンロードがリクエストされた場合、Bash ツールで curl を使用
6. Web ビューアーリンクを含める: https://lobehub.com/icons/{icon-name}

アイコン名の検索

一般的なアイコン: references/icons-list.md を参照して、カテゴリー (モデル、プロバイダー、アプリケーション、中国の AI) ごとに整理された包括的なリストを確認

名前が不確かな場合:

• https://lobehub.com/icons を参照
• バリエーションを試す (例: 企業名 vs 製品名: alibaba vs alibabacloud)
• 標準 URL が失敗した場合は -color バリアントをチェック

中国の AI モデル: 中国語クエリをサポート (例: "智谱" → chatglm、"月之暗面" → moonshot)

例

単一アイコンのリクエスト:

ユーザー: "Claude icon"
→ 提供: https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/claude.png
→ color バリアントと Web ビューアーリンクも記載

複数アイコンのダウンロード:

curl -o openai.svg "https://raw.githubusercontent.com/lobehub/lobe-icons/.../dark/openai.svg"
curl -o anthropic.svg "https://raw.githubusercontent.com/lobehub/lobe-icons/.../dark/anthropic.svg"

中国語クエリ:

ユーザー: "找一下智谱的图标"
→ 特定: 智谱 = ChatGLM → アイコン名: chatglm
→ URL を提供し、関連アイコン (zhipu、codegeex) に言及

トラブルシューティング

URL が 404 を返す場合:

1. -color サフィックスバリアントを試す
2. 代替命名をチェック (例: chatgpt vs gpt、google vs gemini)
3. ユーザーを https://lobehub.com/icons に案内して参照させる
4. リポジトリを検索: https://github.com/lobehub/lobe-icons

リファレンスファイル

• references/icons-list.md - カテゴリー別に整理された 100 以上の利用可能なアイコンの包括的なリスト
• references/developer-info.md - npm インストールと React 使用例