How do I install the LLM Icon Finder skill?

Run npx skillmds@latest add tomevault-io/llm-icon-finder in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is LLM Icon Finder safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with LLM Icon Finder?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is LLM Icon Finder free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published LLM Icon Finder?

tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.

LLM Icon Finder by tomevault-io — Agent Skill

Name: LLM Icon Finder
Author: tomevault-io

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. Use when this capability is needed.

tomevault-io Updated Sep 17, 2026

File contents

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: 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:

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 -color suffix variant
Check alternate naming (e.g., chatgpt vs gpt, google vs gemini)
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 category
references/developer-info.md - npm installation and React usage examples

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

---name: llm-icon-finderdescription: 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. Use when this capability is needed.---# Finding AI/LLM Brand IconsAccess 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 PatternsConstruct URLs using these patterns:```# SVGhttps://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-svg/{light|dark}/{icon-name}.svg# PNGhttps://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/{light|dark}/{icon-name}.png# WEBPhttps://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`)## WorkflowWhen 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 above4. Provide URL to user5. If download requested, use Bash tool with curl6. 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**:```bashcurl -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)```## TroubleshootingIf URL returns 404:1. Try `-color` suffix variant2. Check alternate naming (e.g., `chatgpt` vs `gpt`, `google` vs `gemini`)3. Direct user to https://lobehub.com/icons to browse4. Search repository: https://github.com/lobehub/lobe-icons## Reference Files- `references/icons-list.md` - Comprehensive list of 100+ available icons by category- `references/developer-info.md` - npm installation and React usage examples---> Converted and distributed by [TomeVault](https://tomevault.io/claim/daymade) — claim your Tome and manage your conversions.

Frequently asked questions