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.
How do I install this agent skill?
npx skills add https://github.com/daymade/claude-code-skills --skill llm-icon-finderIs this agent skill safe to install?
- Gen Agent Trust Hubpass
This skill is safe and provides a utility for finding and downloading AI/LLM brand icons from the LobeHub open-source library. It facilitates the construction of CDN URLs and provides examples for downloading static assets.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
- Runlayerwarn
3/3 files flagged
- ZeroLeakspass
Score: 93/100 · 2 sections analyzed
What does this agent skill do?
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.png
Icon 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 link
Multiple 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
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/daymade/claude-code-skills/llm-icon-finder">View llm-icon-finder on skillZs</a>