Lobe Icons

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

Table of contents

TOC

• 📦 Installation
  • I'm an Agent
  • I'm an Human
  • Packages
• ✨ Features
• 🤯 CDN Usage
  • A CDN with SVG
  • B CDN with PNG
  • C CDN with WEBP
  • Static Packages
• ⌨️ Local Development
• 🤝 Contributing
• 🩷 Sponsor
• 🔗 Links
  • More Products
  • Design Resources
  • Development Resources

📦 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)	AI Studio (Google)	AG-UI
AionLabs	Ai360 (360 智脑)	Amp
Arcee	AiHubMix (推理时代)	Antigravity (Google)
AssemblyAI	AiMass (紫东太初)	Automatic1111 (SD Webui)
Aya (Cohere)	AkashChat	CapCut
BAAI (智源研究院)	AlephAlpha	Cherry Studio
Baichuan (百川)	Alibaba	Claude Code
Bilibili Index (Index Team)	AlibabaCloud (阿里云)	Cline
ChatGLM (智谱)	AntGroup	Clipdrop
Claude	Anthropic	CodeFlicker
CodeGeeX	Anyscale	Colab (Google)
Codex (OpenAI)	Apple	ComfyUI
CogVideo	AtlasCloud	CopilotKit
CogView	AWS	Coqui
CommandA (Cohere)	AzureAI	Coze
DALL·E (OpenAI)	Baidu	CrewAI
DBRX (Databricks)	BaiduCloud (百度智能云)	Cursor
Deep Cogito	Bailian (阿里云百炼)	CyberCut
DeepSeek	Baseten	DeepAI
Dolphin (dphnAI)	Bedrock (AWS)	DeepL
Doubao (豆包)	Bilibili (哔哩哔哩)	Dify
ElevenLabs	Black Forest Labs (bfl)	Doc2X
Essential AI	BurnCloud	DocSearch
FishAudio (Bert)	ByteDance	DreamMachine (Luma)
Flux (black forest labs)	CentML	FastGPT
Gemini (Google)	Cerebras	Figma
Gemma (Google)	Civitai	Firefly (Adobe)
GLM-V	Cloudflare	Flora
Grok (xAI)	Cohere	Flowith
Hunyuan (腾讯混元)	Comet API	Github Copilot
Inception Labs	Crusoe	Glama
Inflection	DeepInfra	Glif
Kolors (快手可图)	DeepMind (Google)	Goose (codename)
KwaiKAT (KAT-Coder)	Exa	Gradio
Kwaipilot	Fal	Greptile
Liquid	Featherless.ai	Hailuo (海螺)
LLaVA	Fireworks	Haiper
LongCat	Friendli	Hedra
Magic	GiteeAI	Ideogram
Minimax	Github	Jimeng (即梦)
Mistral	Google	Junie
Morph	GoogleCloud	Kilo Code
Nano Banana (Google)	Groq	Kimi
Nova (AWS)	Higress	Kling (可灵)
OpenChat	Huawei	Krea
PaLM (Google)	HuaweiCloud (华为云)	LangChain
Phind	HuggingFace	Langfuse
Qwen (千问)	Hyperbolic	LangGraph (LangChain)
Relace	IBM (Granite)	LangSmith (LangChain)
RWKV	IFlyTekCloud (讯飞开放平台)	Lightricks
SenseNova (商汤)	Inference	LiveKit
Skywork (天工)	Infermatic	LlamaIndex
Sora (OpenAI)	Infinigence (无问芯穹)	Lovable
Spark (讯飞星火)	InternLM	Lovart
Stepfun (阶跃星辰)	Jina AI	Luma
Voyage	Kluster	Make
Wenxin (文心)	Lambda	Manus
Xiaomi MiMo	LeptonAI	Mastra
Xuanyuan (度小满轩辕)	LG AI (KMMLU/EXAONE)	MCP (Model Context Protocol)
Yi (零一万物)	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	OpenClaw (MoltBot/ClawdBot)
	Nvidia (Nemotron)	opencode
	Ollama	OpenHands
	OpenAI (ChatGPT)	OpenWebUI
	OpenRouter	Phidata
	Parasail	Pika
	Perplexity	PixVerse
	PPIO	Player2
	Qiniu (七牛云)	Poe
	Replicate	Pollinations
	SambaNova	PydanticAI
	Search1API	Qingyan (智谱清言)
	SearchApi	Railway
	SiliconCloud (SiliconFlow)	Recraft
	Snowflake	Replit
	SophNet	RooCode
	Stability (StableDiffusion)	RSSHub
	StateCloud (天翼云)	Runway
	Straico	Smithery
	StreamLake	Suno
	SubModel	Sync
	Targon	Tavily
	Technology Innovation Institute (Falcon)	Tiangong (天工)
	Tencent	TopazLabs
	TencentCloud (腾讯云)	TRAE
	together.ai	Tripo
	Upstage	TuriX
	Vercel	Udio
	VertexAI (Google)	Unstructured
	vLLM	V0 (Vercel)
	Volcengine (火山引擎)	Vectorizer.AI
	WorkersAI (Cloudflare)	Vidu
	xAI	Viggle
	Xinference	Windsurf
	Yandex	YouMind
	ZenMux	Yuanbao (腾讯元宝)
	Zhipu (智谱)	Z.ai
		Zapier
		Zeabur
		Zencoder

Tip

More brands are being added, and PR welcome.

🤯 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.

More Resources

---

📝 License

Copyright © 2023 LobeHub.
This project is MIT licensed.