Skillshub 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.
git clone https://github.com/ComeOnOliver/skillshub
T=$(mktemp -d) && git clone --depth=1 https://github.com/ComeOnOliver/skillshub "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/daymade/claude-code-skills/llm-icon-finder" ~/.claude/skills/comeonoliver-skillshub-llm-icon-finder && rm -rf "$T"
skills/daymade/claude-code-skills/llm-icon-finder/SKILL.mdFinding 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:
vsalibaba
)alibabacloud - Check for
variants if standard URL fails-color
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
suffix variant-color - Check alternate naming (e.g.,
vschatgpt
,gpt
vsgoogle
)gemini - Direct user to https://lobehub.com/icons to browse
- Search repository: https://github.com/lobehub/lobe-icons
Reference Files
- Comprehensive list of 100+ available icons by categoryreferences/icons-list.md
- npm installation and React usage examplesreferences/developer-info.md