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

• 📦 Packages
• ✨ Features
• 🤯 CDN Usage
  • A CDN with SVG
  • B CDN with PNG
  • C CDN with WEBP
  • Static Packages
• 📦 Installation
  • Compile with NextJS
• ⌨️ Local Development
• 🤝 Contributing
• 🩷 Sponsor
• 🔗 Links
  • More Products
  • Design Resources
  • Development Resources

📦 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

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

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

📦 Installation

Important

This package is ESM only.

To install Lobe UI, run the following command:

$ bun add @lobehub/icons

Compile with NextJS

Note

By work correct with nextjs ssr, add transpilePackages: ['@lobehub/icons'] to next.config.js. For example:

// next.config.js
const nextConfig = {
  // ...other config

  transpilePackages: ['@lobehub/icons'],
};

⌨️ 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

• 🤯 Lobe Chat - An open-source, extensible (Function Calling), high-performance chatbot framework. It supports one-click free deployment of your private ChatGPT/LLM web application.
• 🅰️ Lobe Theme - The modern theme for stable diffusion webui, exquisite interface design, highly customizable UI, and efficiency boosting features.
• 🧸 Lobe Vidol - 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

• 🍭 Lobe UI - An open-source UI component library for building AIGC web apps.
• 🥨 Lobe Icons - Popular AI / LLM Model Brand SVG Logo and Icon Collection.
• 📊 Lobe Charts - React modern charts components built on recharts

Development Resources

• 🎤 Lobe TTS - A high-quality & reliable TTS/STT library for Server and Browser
• 🌏 Lobe i18n - Automation ai tool for the i18n (internationalization) translation process.

More Resources

---

📝 License

Copyright © 2023 LobeHub.
This project is MIT licensed.