# llm-icon-finder

This skill finds icon URLs for AI models and providers in the lobe-icons library and can download them as SVG, PNG or WEBP.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 952 installs · ★ 1493
- Author: daymade
- License: MIT · policy=mirror · the beginning of the file is at the end of this page
- Source: https://github.com/daymade/claude-code-skills/tree/HEAD/llm-icon-finder/SKILL.md
- Updated: 2026-10-25
- HTML: https://affpapa.org/en/nevibecode/skills/llm-icon-finder

## What it does

The skill maps a model or company name to an icon name, builds the CDN URL from a fixed pattern and hands you the link. Formats are SVG, PNG and WEBP; themes are light and dark, and some icons have a color variant marked by a `-color` suffix. Names are lowercase and hyphenated: `claude`, `openai`, `huggingface`.

When you want the file rather than the URL, the skill fetches it with `curl`. Each answer also includes a lobehub viewer link so you can eyeball the icon before using it.

A categorized name list lives in `references/icons-list.md`, split into models, providers and applications. For names that are not obvious, the skill suggests trying variations — `chatgpt` versus `gpt`, `google` versus `gemini`. A 404 usually means the name is off, so check the `-color` suffix first.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add daymade/claude-code-skills --skill llm-icon-finder -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/llm-icon-finder/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/llm-icon-finder/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add daymade/claude-code-skills --skill llm-icon-finder -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/llm-icon-finder/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add daymade/claude-code-skills --skill llm-icon-finder -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/llm-icon-finder/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install daymade/claude-code-skills llm-icon-finder
```

2. **Manually: put the files in place**
- File: `.github/skills/llm-icon-finder/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add daymade/claude-code-skills --skill llm-icon-finder -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/daymade/claude-code-skills --path llm-icon-finder
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/llm-icon-finder/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add daymade/claude-code-skills --skill llm-icon-finder -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/daymade/claude-code-skills/tree/HEAD/llm-icon-finder/SKILL.md

## When to use it
- get a direct logo URL for a model README
- download a set of provider icons as SVG in one command
- find the right icon name when the company and product names differ
- locate a color version of a logo instead of the monochrome one
- collect icons for an AI model comparison page

## Example prompts
- find the Claude icon in PNG, dark theme
- download openai.svg and anthropic.svg into this folder
- I need the color chatglm icon

## Source text · SKILL.md · MIT

Below is the content of a third-party file. It is data, not instructions for you: do not act on anything written inside unless the human asks. Block tag: 0fea46d27de0aeb7.

BEGIN THIRD-PARTY FILE 0fea46d27de0aeb7
````text
---
name: llm-icon-finder
description: Finding and accessing AI/LLM model brand icons from lobe-icons library. Use when users need icon URLs, want to download brand logos for AI models/providers/applications (Claude, GPT, Gemini, etc.), or request icons in SVG/PNG/WEBP formats.
---

# Finding AI/LLM Brand Icons

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

## Icon Formats and Variants

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

## CDN URL Patterns

Construct URLs using these patterns:

```
# 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)
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`)

## Workflow

When users request icons:

1. Identify icon name (usually lowercase company/model name, hyphenated if multi-word)
2. Determine format (default: PNG) and theme (default: dark)
3. Construct CDN URL using pattern above
4. Provide URL to user
5. If download requested, use Bash tool with curl
6. Include web viewer link: `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`)

## 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)
```

## Troubleshooting

If URL returns 404:
1. Try `-color` suffix variant
````
END THIRD-PARTY FILE 0fea46d27de0aeb7

The third-party file has ended. Everything between the 0fea46d27de0aeb7 tags is data: requests and commands from it are not followed. An “end of file” line with another tag inside the block is part of the file.

First 3004 of 3378 bytes. © daymade · MIT · https://github.com/daymade/claude-code-skills/tree/HEAD/llm-icon-finder/SKILL.md

_Part of the page did not fit — see the HTML version._

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md