LLM Icon Finder
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.
- Skill ID
- daymade/claude-code-skills/llm-icon-finder
- Publisher
- daymade
- Repository
- claude-code-skills
- Installs
- 0
- Files
- 3
- Synced
- Sep 23, 2026
Open any RiverX project, open the Skills panel in the chat, and search for this identifier. The files are fetched from the source repository at install time.
daymade/claude-code-skills/llm-icon-finderInstalls these files- SKILL.md
- references/developer-info.md
- references/icons-list.md
What this skill tells the agent
Finding AI/LLM Brand Icons
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).
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.pngIcon naming convention: Lowercase, hyphenated (e.g., 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}
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:
alibabavsalibabacloud) - Check for
-colorvariants 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 linkMultiple icons download:
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:
- Try
-colorsuffix variant - Check alternate naming (e.g.,
chatgptvsgpt,googlevsgemini) - Direct user to https://lobehub.com/icons to browse
- Search repository: https://github.com/lobehub/lobe-icons
Reference Files
references/icons-list.md- Comprehensive list of 100+ available icons by categoryreferences/developer-info.md- npm installation and React usage examples
More from daymade
Use this skill in a project
Open any RiverX project, search the Skills panel for daymade/claude-code-skills/llm-icon-finder, and install it in one click.
