llm-icon-finder

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Finding AI/LLM Brand Icons

查找AI/LLM品牌图标

Access AI/LLM model brand icons and logos from the lobe-icons library. The library contains 100+ icons for models (Claude, GPT, Gemini), providers (OpenAI, Anthropic, Google), and applications (ComfyUI, LobeChat).

从lobe-icons库中获取AI/LLM模型品牌图标和标志。该库包含100多个图标，涵盖模型（如Claude、GPT、Gemini）、提供商（如OpenAI、Anthropic、Google）以及应用程序（如ComfyUI、LobeChat）。

Icon Formats and Variants

图标格式与变体

Available formats: SVG (scalable), PNG (raster), WEBP (compressed) Theme variants: light, dark, and color (some icons)

可用格式：SVG（可缩放）、PNG（光栅图）、WEBP（压缩格式） 主题变体：浅色、深色和彩色（部分图标支持）

CDN URL Patterns

CDN URL 格式

Construct URLs using these patterns:

undefined

使用以下格式构建URL：

undefined

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 variant (append -color to icon-name)

彩色变体（在图标名称后添加 -color）

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


**Icon naming convention**: Lowercase, hyphenated (e.g., `claude`, `chatglm`, `openai`, `huggingface`)

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


**图标命名规范**：小写字母，多词用连字符分隔（例如：`claude`, `chatglm`, `openai`, `huggingface`）

Workflow

工作流程

When users request icons:

Identify icon name (usually lowercase company/model name, hyphenated if multi-word)
Determine format (default: PNG) and theme (default: dark)
Construct CDN URL using pattern above
Provide URL to user
If download requested, use Bash tool with curl
Include web viewer link:
```
https://lobehub.com/icons/{icon-name}
```

当用户请求图标时：

确定图标名称（通常为小写的公司/模型名称，多词则用连字符分隔）
确定格式（默认：PNG）和主题（默认：深色）
使用上述格式构建CDN URL
将URL提供给用户
如果用户请求下载，使用Bash工具配合curl命令
提供网页查看链接：
```
https://lobehub.com/icons/{icon-name}
```

Finding Icon Names

查找图标名称

Common icons: See

references/icons-list.md

for comprehensive list organized by category (Models, Providers, Applications, Chinese AI)

Uncertain names:

Browse https://lobehub.com/icons
Try variations (e.g., company name vs product name:
```
alibaba
```
vs
```
alibabacloud
```
)
Check for
```
-color
```
variants if standard URL fails

Chinese AI models: Support Chinese queries (e.g., "智谱" →

chatglm

, "月之暗面" →

moonshot

)

常见图标：查看

references/icons-list.md

获取按类别（模型、提供商、应用程序、中文AI）整理的完整图标列表

不确定图标名称时：

浏览 https://lobehub.com/icons
尝试变体名称（例如：公司名称 vs 产品名称：
```
alibaba
```
vs
```
alibabacloud
```
）
如果标准URL无效，检查是否有
```
-color
```
变体

中文AI模型：支持中文查询（例如："智谱" →

chatglm

，"月之暗面" →

moonshot

）

Examples

示例

Single icon request:

User: "Claude icon"
→ Provide: https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/claude.png
→ Also mention color variant and web viewer link

Multiple icons download:

bash

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"

Chinese query:

User: "找一下智谱的图标"
→ Identify: 智谱 = ChatGLM → icon name: chatglm
→ Provide URLs and mention related icons (zhipu, codegeex)

单个图标请求：

用户："Claude图标"
→ 提供：https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/claude.png
→ 同时提及彩色变体和网页查看链接

多个图标下载：

bash

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）

Troubleshooting

故障排除

If URL returns 404:

Try
```
-color
```
suffix variant
Check alternate naming (e.g.,
```
chatgpt
```
vs
```
gpt
```
,
```
google
```
vs
```
gemini
```
)
Direct user to https://lobehub.com/icons to browse
Search repository: https://github.com/lobehub/lobe-icons

如果URL返回404错误：

尝试添加
```
-color
```
后缀的变体
检查替代命名（例如：
```
chatgpt
```
vs
```
gpt
```
，
```
google
```
vs
```
gemini
```
）
引导用户浏览 https://lobehub.com/icons
搜索仓库：https://github.com/lobehub/lobe-icons

Reference Files

参考文件

```
references/icons-list.md
```
- Comprehensive list of 100+ available icons by category
```
references/developer-info.md
```
- npm installation and React usage examples

```
references/icons-list.md
```
- 按类别整理的100+可用图标完整列表
```
references/developer-info.md
```
- npm安装和React使用示例