Summary
Need an AI model logo for your docs, app, or presentation? This skill pulls icons from the lobe-icons library, which has 100+ brand logos for Claude, GPT, Gemini, and dozens of other models, providers, and tools. It constructs CDN URLs in SVG, PNG, or WEBP formats with light, dark, and color variants. Just ask for an icon by name and you get a direct link, or request downloads for multiple logos at once. The skill handles Chinese AI model names too, mapping queries like "智谱" to the right icon. Beats hunting through GitHub repos or screenshotting logos from websites when you need clean, consistent branding assets.
Install to Claude Code
npx -y skills add daymade/claude-code-skills --skill llm-icon-finder --agent claude-codeInstalls into .claude/skills of the current project.
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →Files
SKILL.mdView on GitHub
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
Featured
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
