About Lobe Icons
Lobe Icons is an MCP server in the Content category: 🥨 Lobe Icons - Brings AI/LLM brand logos to your React & React Native apps — static SVG/PNG/WebP, no dependencies.
Install
From source
git clone https://github.com/lobehub/lobe-iconsThis server has no ConduID identity, so agent calls to it are not receipted. Pin the version you install and review the source before granting it credentials.
Ask AI
✦
Ask AI about Lobe Icons
Powered by Claude · Grounded in docs
I know everything about Lobe Icons. Ask me about installation, configuration, usage, or troubleshooting.
Security checks
- ✓README presentThe repository ships documentation.
5 checks have not been run yet.
README
Popular AI / LLM Model Brand SVG Logo and Icon Collection. See them all on one page at lobehub.com/icons. Contributions, corrections & requests can be made on GitHub.
Documents · Changelog · Report Bug · Request Feature
TOC
📦 Installation
I'm an Agent
Send this prompt to your agent to use @lobehub/icons
Read https://lobehub.com/icons/skill.md and follow the instructions to use @lobehub/icons
I'm an Human
Install @lobehub/icons with npm and start using the icon set, Read docs
npm i @lobehub/icons
Packages
| Logo | Package | Version | Downloads | Links |
|---|---|---|---|---|
@lobehub/icons |
 |
 |
Source | |
@lobehub/icons-rn |
 |
 |
Source | |
@lobehub/icons-static-svg |
 |
 |
Source | |
@lobehub/icons-static-png |
 |
 |
Source | |
@lobehub/icons-static-webp |
 |
 |
Source | |
@lobehub/icons-static-avatar |
 |
 |
Source |
✨ Features
- 🚀 Lightweight & Scalable: Icons are designed to be lightweight, utilizing highly optimized scalable vector graphics (SVG) for the best performance and quality.
- 🌳 Tree Shakable: The collection is tree-shakable, ensuring that you only import the icons that you use, which helps in reducing the overall bundle size of your project.
- 👥 Active Community: Lobe Icons boasts an active community of designers and developers. Engage with us on platforms like GitHub and Discord to contribute or get support.
Supported brands:
| Model | Provider | Application |
|---|---|---|
| ACE | 01.AI (零一万物) | 11x |
| Ai2 | 302.AI | Adobe |
| Ai21Labs (Jamba) | AgentVoice | AG-UI |
| AionLabs | AI Studio (Google) | Amp |
| Arcee | Ai360 (360 智脑) | Antigravity (Google) |
| AssemblyAI | AiHubMix (推理时代) | AskVerdict |
| Aya (Cohere) | AiMass (紫东太初) | Automatic1111 (SD Webui) |
| BAAI (智源研究院) | AkashChat | CapCut |
| Baichuan (百川) | AlephAlpha | Cherry Studio |
| Bilibili Index (Index Team) | Alibaba | Claude Code |
| ChatGLM (智谱) | AlibabaCloud (阿里云) | Cline |
| Claude | AntGroup | Clipdrop |
| CodeGeeX | Anthropic | CodeBuddy |
| Codex (OpenAI) | Anyscale | CodeFlicker |
| CogVideo | Apertis | Colab (Google) |
| CogView | Apple | ComfyUI |
| CommandA (Cohere) | AtlasCloud | CopilotKit |
| DALL·E (OpenAI) | AWS | Coqui |
| DBRX (Databricks) | AzureAI | Coze |
| Deep Cogito | Baidu | CrewAI |
| DeepSeek | BaiduCloud (百度智能云) | Cursor |
| Dolphin (dphnAI) | Bailian (阿里云百炼) | CyberCut |
| Doubao (豆包) | Baseten | DeepAI |
| ElevenLabs | Bedrock (AWS) | DeepL |
| Essential AI | Bilibili (哔哩哔哩) | Dify |
| FishAudio (Bert) | Black Forest Labs (bfl) | Doc2X |
| Flux (black forest labs) | BRIA AI | DocSearch |
| Gemini (Google) | BurnCloud | DreamMachine (Luma) |
| Gemma (Google) | ByteDance | FastGPT |
| GLM-V | CentML | Figma |
| Grok (xAI) | Cerebras | Firefly (Adobe) |
| Hunyuan (腾讯混元) | Civitai | Flora |
| Inception Labs | Cloudflare | Flowith |
| Inflection | Cohere | Gemini CLI |
| Kolors (快手可图) | Comet API | Github Copilot |
| KwaiKAT (KAT-Coder) | Crusoe | Glama |
| Kwaipilot | DeepInfra | Glif |
| Liquid | DeepMind (Google) | Goose (codename) |
| LLaVA | Exa | Gradio |
| LongCat | Fal | Greptile |
| Magic | Featherless.ai | Hailuo (海螺) |
| Meshy | Fireworks | Haiper |
| Minimax | Friendli | Hedra |
| Mistral | GiteeAI | Hermes Agent |
| Morph | Github | Ideogram |
| Nano Banana (Google) | Jimeng (即梦) | |
| Nova (AWS) | GoogleCloud | Junie |
| OpenChat | Groq | Kilo Code |
| PaLM (Google) | Higress | Kimi |
| Phind | Huawei | Kling (可灵) |
| Pruna AI | HuaweiCloud (华为云) | Krea |
| Qwen (千问) | HuggingFace | LangChain |
| Relace | Hyperbolic | Langfuse |
| Reve | IBM (Granite) | LangGraph (LangChain) |
| RWKV | IFlyTekCloud (讯飞开放平台) | LangSmith (LangChain) |
| SenseNova (商汤) | Inference | Lightricks |
| Skywork (天工) | Infermatic | LiveKit |
| Sora (OpenAI) | Infinigence (无问芯穹) | LlamaIndex |
| Spark (讯飞星火) | InternLM | Lovable |
| Stepfun (阶跃星辰) | Jina AI | Lovart |
| Voyage | Kluster | Luma |
| Wenxin (文心) | Lambda | Make |
| Xiaomi MiMo | LeptonAI | Manus |
| Xuanyuan (度小满轩辕) | LG AI (KMMLU/EXAONE) | Mastra |
| Yi (零一万物) | LLM API | MCP (Model Context Protocol) |
| LM Studio | MCP.so | |
| LobeHub | MetaAI | |
| MENLO (Lucy/Jan-nano) | MetaGPT | |
| Meta | Microsoft Bing | |
| Microsoft | Microsoft Copilot | |
| Microsoft Azure | Midjourney | |
| ModelScope (魔搭) | Monica | |
| Moonshot (月之暗面) | MyShell | |
| Nebius | n8n | |
| New API | NotebookLM | |
| NousResearch (Hermes) | Notion | |
| Novita | NovelAI | |
| NPLCloud | Obsidian | |
| Nvidia (Nemotron) | OpenClaw (MoltBot/ClawdBot) | |
| Ollama | opencode | |
| OpenAI (ChatGPT) | OpenHands | |
| OpenRouter | OpenWebUI | |
| Parasail | Phidata | |
| Perplexity | Pika | |
| PPIO | PixVerse | |
| Qiniu (七牛云) | Player2 | |
| Replicate | Poe | |
| SambaNova | Pollinations | |
| Search1API | PydanticAI | |
| SearchApi | Qingyan (智谱清言) | |
| SiliconCloud (SiliconFlow) | Qoder | |
| Snowflake | Railway | |
| SophNet | Recraft | |
| SpeedAI | Replit | |
| Stability (StableDiffusion) | RooCode | |
| StateCloud (天翼云) | RSSHub | |
| Straico | Runway | |
| StreamLake | Smithery | |
| SubModel | Suno | |
| Targon | Sync | |
| Technology Innovation Institute (Falcon) | Tavily | |
| Tencent | Tiangong (天工) | |
| TencentCloud (腾讯云) | TopazLabs | |
| together.ai | TRAE | |
| Upstage | Tripo | |
| Vercel | TuriX | |
| VertexAI (Google) | Udio | |
| vLLM | Unstructured | |
| Volcengine (火山引擎) | V0 (Vercel) | |
| WorkersAI (Cloudflare) | Vectorizer.AI | |
| xAI | Venice | |
| Xinference | Vidu | |
| Xpay | Viggle | |
| Yandex | Windsurf | |
| ZenMux | YouMind | |
| Zhipu (智谱) | Yuanbao (腾讯元宝) | |
| Z.ai | ||
| Zapier | ||
| Zeabur | ||
| Zencoder |
[!TIP]
More brands are being added, andPRwelcome.
🤯 CDN Usage
Icons can be served from a CDN such as unpkg or npmmirror (aliyun). Simply use the lobe icons npm package and specify a version in the URL like the following:
A CDN with SVG
We provide a CDN service (@lobehub/icons-static-svg) which allows you to use SVG.
<!--UNPKG-->
<img height="64" src="https://unpkg.com/@lobehub/icons-static-svg@latest/icons/[ICON SLUG].svg" />
<!--ALIYUN-->
<img
height="64"
src="https://registry.npmmirror.com/@lobehub/icons-static-svg/latest/files/icons/[ICON SLUG].svg"
/>
Example
<!--UNPKG-->
<img height="64" src="https://unpkg.com/@lobehub/icons-static-svg@latest/icons/openai.svg" />
<!--ALIYUN-->
<img
height="64"
src="https://registry.npmmirror.com/@lobehub/icons-static-svg/latest/files/icons/openai.svg"
/>
<!--UNPKG-->
<img height="64" src="https://unpkg.com/@lobehub/icons-static-svg@latest/icons/openai-text.svg" />
<!--ALIYUN-->
<img
height="64"
src="https://registry.npmmirror.com/@lobehub/icons-static-svg/latest/files/icons/openai-text.svg"
/>
B CDN with PNG
We provide a CDN service (@lobehub/icons-static-png) which allows you to use PNG.
<!--UNPKG-->
<picture>
<source
media="(prefers-color-scheme: dark)"
srcset="https://unpkg.com/@lobehub/icons-static-png@latest/dark/[ICON SLUG].png"
/>
<img height="64" src="https://unpkg.com/@lobehub/icons-static-png@latest/light/[ICON SLUG].png" />
</picture>
<!--ALIYUN-->
<picture>
<source
media="(prefers-color-scheme: dark)"
srcset="https://registry.npmmirror.com/@lobehub/icons-static-png/latest/files/dark/[ICON SLUG].png"
/>
<img
height="64"
src="https://registry.npmmirror.com/@lobehub/icons-static-png/latest/files/light/[ICON SLUG].png"
/>
</picture>
Example
<!--UNPKG-->
<picture>
<source
media="(prefers-color-scheme: dark)"
srcset="https://unpkg.com/@lobehub/icons-static-png@latest/dark/openai.png"
/>
<img height="64" src="https://unpkg.com/@lobehub/icons-static-png@latest/light/openai.png" />
</picture>
<!--ALIYUN-->
<picture>
<source
media="(prefers-color-scheme: dark)"
srcset="https://registry.npmmirror.com/@lobehub/icons-static-png/latest/files/dark/openai.png"
/>
<img
height="64"
src="https://registry.npmmirror.com/@lobehub/icons-static-png/latest/files/light/openai.png"
/>
</picture>
<!--UNPKG-->
<picture>
<source
media="(prefers-color-scheme: dark)"
srcset="https://unpkg.com/@lobehub/icons-static-png@latest/dark/openai-text.png"
/>
<img height="64" src="https://unpkg.com/@lobehub/icons-static-png@latest/light/openai-text.png" />
</picture>
<!--ALIYUN-->
<picture>
<source
media="(prefers-color-scheme: dark)"
srcset="
https://registry.npmmirror.com/@lobehub/icons-static-png/latest/files/dark/openai-text.png
"
/>
<img
height="64"
src="https://registry.npmmirror.com/@lobehub/icons-static-png/latest/files/light/openai-text.png"
/>
</picture>
C CDN with WEBP
We provide a CDN service (@lobehub/icons-static-webp) which allows you to use WEBP.
<!--UNPKG-->
<picture>
<source
media="(prefers-color-scheme: dark)"
srcset="https://unpkg.com/@lobehub/icons-static-webp@latest/dark/[ICON SLUG].webp"
/>
<img
height="64"
src="https://unpkg.com/@lobehub/icons-static-webp@latest/light/[ICON SLUG].webp"
/>
</picture>
<!--ALIYUN-->
<picture>
<source
media="(prefers-color-scheme: dark)"
srcset="https://registry.npmmirror.com/@lobehub/icons-static-webp/latest/files/dark/[ICON SLUG].webp"
/>
<img
height="64"
src="https://registry.npmmirror.com/@lobehub/icons-static-webp/latest/files/light/[ICON SLUG].webp"
/>
</picture>
Example
<!--UNPKG-->
<picture>
<source
media="(prefers-color-scheme: dark)"
srcset="https://unpkg.com/@lobehub/icons-static-webp@latest/dark/openai.webp"
/>
<img height="64" src="https://unpkg.com/@lobehub/icons-static-webp@latest/light/openai.webp" />
</picture>
<!--ALIYUN-->
<picture>
<source
media="(prefers-color-scheme: dark)"
srcset="https://registry.npmmirror.com/@lobehub/icons-static-webp/latest/files/dark/openai.webp"
/>
<img
height="64"
src="https://registry.npmmirror.com/@lobehub/icons-static-webp/latest/files/light/openai.webp"
/>
</picture>
<!--UNPKG-->
<picture>
<source
media="(prefers-color-scheme: dark)"
srcset="https://unpkg.com/@lobehub/icons-static-webp@latest/dark/openai-text.webp"
/>
<img
height="64"
src="https://unpkg.com/@lobehub/icons-static-webp@latest/light/openai-text.webp"
/>
</picture>
<!--ALIYUN-->
<picture>
<source
media="(prefers-color-scheme: dark)"
srcset="
https://registry.npmmirror.com/@lobehub/icons-static-webp/latest/files/dark/openai-text.webp
"
/>
<img
height="64"
src="https://registry.npmmirror.com/@lobehub/icons-static-webp/latest/files/light/openai-text.webp"
/>
</picture>
Static Packages
| Package | FileType | Version |
|---|---|---|
| @lobehub/icons-static-svg | SVG |
 |
| @lobehub/icons-static-png | PNG |
 |
| @lobehub/icons-static-webp | WEBP |
 |
| @lobehub/icons-static-avatar | WEBP |
 |
⌨️ Local Development
You can use Github Codespaces for online development:
Or clone it for local development:
$ git clone https://github.com/lobehub/lobe-icons.git
$ cd lobe-icons
$ bun install
$ bun start
🤝 Contributing
Contributions of all types are more than welcome, if you are interested in contributing code, feel free to check out our GitHub Issues to get stuck in to show us what you’re made of.
🩷 Sponsor
Every bit counts and your one-time donation sparkles in our galaxy of support! You're a shooting star, making a swift and bright impact on our journey. Thank you for believing in us – your generosity guides us toward our mission, one brilliant flash at a time.
🔗 Links
More Products
- 🤯 LobeHub - The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.
- 🅰️ LobeTheme - The modern theme for stable diffusion webui, exquisite interface design, highly customizable UI, and efficiency boosting features.
- 🧸 LobeVidol - Experience the magic of virtual idol creation with Lobe Vidol, enjoy the elegance of our Exquisite UI Design, dance along using MMD Dance Support, and engage in Smooth Conversations.
Design Resources
- 🍭 LobeUI - An open-source UI component library for building AIGC web apps.
- 🥨 LobeIcons - Popular AI / LLM Model Brand SVG Logo and Icon Collection.
- 📊 LobeCharts - React modern charts components built on recharts
Development Resources
- 🎤 LobeTTS - A high-quality & reliable TTS/STT library for Server and Browser
- 🌏 LobeI18n - Automation ai tool for the i18n (internationalization) translation process.
README copy captured when this server was indexed; it may lag the repository. The original is authoritative.