Lobe Icons

Popular AI / LLM Model Brand SVG Logo and Icon Collection. See them all on one page at [lobehub.com/icons](https://lobehub.com/icons).
Contributions, corrections & requests can be made on GitHub. [Documents](https://icons.lobehub.com) · [Changelog](./CHANGELOG.md) · [Report Bug][github-issues-link] · [Request Feature][github-issues-link]

[![][npm-release-shield]][npm-release-link] [![][vercel-shield]][vercel-link] [![][discord-shield]][discord-link] [![][npm-downloads-shield]][npm-downloads-link]
[![][github-releasedate-shield]][github-releasedate-link] [![][github-action-test-shield]][github-action-test-link] [![][github-action-release-shield]][github-action-release-link]
[![][github-contributors-shield]][github-contributors-link] [![][github-forks-shield]][github-forks-link] [![][github-stars-shield]][github-stars-link] [![][github-issues-shield]][github-issues-link] [![][github-license-shield]][github-license-link] ![](https://github.com/lobehub/lobe-icons/assets/17870709/7e2c56d2-d7ea-4cb8-842b-22de162d6486)

Table of contents

#### TOC - [📦 Installation](#-installation) - [I'm an Agent](#im-an-agent) - [I'm an Human](#im-an-human) - [Packages](#packages) - [✨ Features](#-features) - [🤯 CDN Usage](#-cdn-usage) - [`A` CDN with SVG](#a-cdn-with-svg) - [`B` CDN with PNG](#b-cdn-with-png) - [`C` CDN with WEBP](#c-cdn-with-webp) - [Static Packages](#static-packages) - [⌨️ Local Development](#️-local-development) - [🤝 Contributing](#-contributing) - [🩷 Sponsor](#-sponsor) - [🔗 Links](#-links) - [More Products](#more-products) - [Design Resources](#design-resources) - [Development Resources](#development-resources) ####

## 📦 Installation ### I'm an Agent Send this prompt to your agent to use @lobehub/icons ```bash 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](https://icons.lobehub.com/) ```bash npm i @lobehub/icons ``` ### Packages | Logo | Package | Version | Downloads | Links | | ------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------- | ------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- | | React logo

| **`@lobehub/icons`** | [![npm](https://img.shields.io/npm/v/@lobehub/icons)](https://www.npmjs.com/package/@lobehub/icons-static-svg) | ![NPM Downloads](https://img.shields.io/npm/dw/@lobehub/icons) | [Source](https://github.com/lobehub/lobe-icons/tree/master/src) | | React Native logo

| **`@lobehub/icons-rn`** | [![npm](https://img.shields.io/npm/v/@lobehub/icons-rn)](https://www.npmjs.com/package/@lobehub/icons-rn) | ![NPM Downloads](https://img.shields.io/npm/dw/@lobehub/icons-rn) | [Source](https://github.com/lobehub/lobe-icons/tree/master/packages/react-native) | | SVG logo

| **`@lobehub/icons-static-svg`** | [![npm](https://img.shields.io/npm/v/@lobehub/icons-static-svg)](https://www.npmjs.com/package/@lobehub/icons-static-svg) | ![NPM Downloads](https://img.shields.io/npm/dw/@lobehub/icons-static-svg) | [Source](https://github.com/lobehub/lobe-icons/tree/master/packages/static-svg) | | PNG logo

| **`@lobehub/icons-static-png`** | [![npm](https://img.shields.io/npm/v/@lobehub/icons-static-png)](https://www.npmjs.com/package/@lobehub/icons-static-png) | ![NPM Downloads](https://img.shields.io/npm/dw/@lobehub/icons-static-png) | [Source](https://github.com/lobehub/lobe-icons/tree/master/packages/static-png) | | WebP logo

| **`@lobehub/icons-static-webp`** | [![npm](https://img.shields.io/npm/v/@lobehub/icons-static-webp)](https://www.npmjs.com/package/@lobehub/icons-static-webp) | ![NPM Downloads](https://img.shields.io/npm/dw/@lobehub/icons-static-webp) | [Source](https://github.com/lobehub/lobe-icons/tree/master/packages/static-webp) | | WebP logo

| **`@lobehub/icons-static-avatar`** | [![npm](https://img.shields.io/npm/v/@lobehub/icons-static-avatar)](https://www.npmjs.com/package/@lobehub/icons-static-avatar) | ![NPM Downloads](https://img.shields.io/npm/dw/@lobehub/icons-static-avatar) | [Source](https://github.com/lobehub/lobe-icons/tree/master/packages/static-avatar) |

[![][back-to-top]](#readme-top)

## ✨ 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 | | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | |

01.AI (零一万物) |

Ai21Labs (Jamba) |

AI Studio (Google) |

Ai360 (360 智脑) |

AiHubMix (推理时代) |

Antigravity (Google) | |

AiMass (紫东太初) |

Automatic1111 (SD Webui) | |

BAAI (智源研究院) |

Cherry Studio | |

Baichuan (百川) |

Claude Code | |

Bilibili Index (Index Team) |

AlibabaCloud (阿里云) |

ChatGLM (智谱) |

CodeFlicker | |

Colab (Google) | |

Codex (OpenAI) |

CommandA (Cohere) |

DALL·E (OpenAI) |

DBRX (Databricks) |

BaiduCloud (百度智能云) |

Bailian (阿里云百炼) |

Dolphin (dphnAI) |

Bedrock (AWS) |

Doubao (豆包) |

Bilibili (哔哩哔哩) |

Black Forest Labs (bfl) |

FishAudio (Bert) |

DreamMachine (Luma) | |

Flux (black forest labs) |

Gemini (Google) |

Gemma (Google) |

Firefly (Adobe) | |

Hunyuan (腾讯混元) |

Github Copilot | |

Inception Labs |

Kolors (快手可图) |

DeepMind (Google) |

Goose (codename) | |

KwaiKAT (KAT-Coder) |

Featherless.ai |

Hailuo (海螺) | |

Jimeng (即梦) | |

Nano Banana (Google) |

Kling (可灵) | |

PaLM (Google) |

HuaweiCloud (华为云) |

Qwen (千问) |

LangGraph (LangChain) | |

IBM (Granite) |

LangSmith (LangChain) | |

IFlyTekCloud (讯飞开放平台) |

SenseNova (商汤) |

Skywork (天工) |

Sora (OpenAI) |

Infinigence (无问芯穹) |

Spark (讯飞星火) |

Stepfun (阶跃星辰) |

Wenxin (文心) |

Xuanyuan (度小满轩辕) |

LG AI (KMMLU/EXAONE) |

MCP (Model Context Protocol) | |

Yi (零一万物) |

MENLO (Lucy/Jan-nano) |

Microsoft Bing | | |

Microsoft Copilot | | |

Microsoft Azure |

Midjourney | | |

ModelScope (魔搭) |

Moonshot (月之暗面) |

NotebookLM | | |

NousResearch (Hermes) |

OpenClaw (MoltBot/ClawdBot) | | |

Nvidia (Nemotron) |

OpenHands | | |

OpenAI (ChatGPT) |

OpenWebUI | | |

Qiniu (七牛云) |

Pollinations | | |

PydanticAI | | |

Qingyan (智谱清言) | | |

SiliconCloud (SiliconFlow) |

Stability (StableDiffusion) |

StateCloud (天翼云) |

Technology Innovation Institute (Falcon) |

Tiangong (天工) | | |

TopazLabs | | |

TencentCloud (腾讯云) |

VertexAI (Google) |

Unstructured | | |

V0 (Vercel) | | |

Volcengine (火山引擎) |

Vectorizer.AI | | |

WorkersAI (Cloudflare) |

Yuanbao (腾讯元宝) | | |

Zhipu (智谱) |

Zencoder | > \[!TIP]\ > More brands are being added, and `PR` welcome.

[![][back-to-top]](#readme-top)

## 🤯 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. ```html

``` #### Example

```
### `B` CDN with PNG We provide a CDN service (`@lobehub/icons-static-png`) which allows you to use PNG. ```html

``` #### Example

```
### `C` CDN with WEBP We provide a CDN service (`@lobehub/icons-static-webp`) which allows you to use WEBP. ```html

``` #### Example

```
### Static Packages | Package | FileType | Version | | ------------------------------------------------------------------------------------------ | -------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | [@lobehub/icons-static-svg](https://www.npmjs.com/package/@lobehub/icons-static-svg) | `SVG` | [![](https://img.shields.io/npm/v/@lobehub/icons-static-svg?color=369eff&labelColor=black&logo=npm&logoColor=white&style=flat-square)](https://www.npmjs.com/package/@lobehub/icons-static-svg) | | [@lobehub/icons-static-png](https://www.npmjs.com/package/@lobehub/icons-static-png) | `PNG` | [![](https://img.shields.io/npm/v/@lobehub/icons-static-png?color=369eff&labelColor=black&logo=npm&logoColor=white&style=flat-square)](https://www.npmjs.com/package/@lobehub/icons-static-png) | | [@lobehub/icons-static-webp](https://www.npmjs.com/package/@lobehub/icons-static-webp) | `WEBP` | [![](https://img.shields.io/npm/v/@lobehub/icons-static-webp?color=369eff&labelColor=black&logo=npm&logoColor=white&style=flat-square)](https://www.npmjs.com/package/@lobehub/icons-static-webp) | | [@lobehub/icons-static-avatar](https://www.npmjs.com/package/@lobehub/icons-static-avatar) | `WEBP` | [![](https://img.shields.io/npm/v/@lobehub/icons-static-avatar?color=369eff&labelColor=black&logo=npm&logoColor=white&style=flat-square)](https://www.npmjs.com/package/@lobehub/icons-static-avatar) |

[![][back-to-top]](#readme-top)

## ⌨️ Local Development You can use Github Codespaces for online development: [![][codespaces-shield]][codespaces-link] Or clone it for local development: ```bash $ git clone https://github.com/lobehub/lobe-icons.git $ cd lobe-icons $ bun install $ bun start ```

[![][back-to-top]](#readme-top)

## 🤝 Contributing Contributions of all types are more than welcome, if you are interested in contributing code, feel free to check out our GitHub [Issues][github-issues-link] to get stuck in to show us what you’re made of. [![][pr-welcome-shield]][pr-welcome-link] [![][contributors-contrib]][contributors-link]

[![][back-to-top]](#readme-top)

## 🩷 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.

[![][back-to-top]](#readme-top)

## 🔗 Links ### More Products - **[🤯 LobeHub](https://github.com/lobehub/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](https://github.com/lobehub/sd-webui-lobe-theme)** - The modern theme for stable diffusion webui, exquisite interface design, highly customizable UI, and efficiency boosting features. - **[🧸 LobeVidol](https://github.com/lobehub/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 - **[🍭 LobeUI](https://ui.lobehub.com)** - An open-source UI component library for building AIGC web apps. - **[🥨 LobeIcons](https://lobehub.com/icons)** - Popular AI / LLM Model Brand SVG Logo and Icon Collection. - **[📊 LobeCharts](https://charts.lobehub.com)** - React modern charts components built on recharts ### Development Resources - **[🎤 LobeTTS](https://tts.lobehub.com)** - A high-quality & reliable TTS/STT library for Server and Browser - **[🌏 LobeI18n](https://github.com/lobehub/lobe-cli-toolbox/blob/master/packages/lobe-i18n)** - Automation ai tool for the i18n (internationalization) translation process. [More Resources](https://lobehub.com/resources)

[![][back-to-top]](#readme-top)

---

📝 License

[![][fossa-license-shield]][fossa-license-link]

Copyright © 2023 [LobeHub][profile-link].
This project is [MIT](./LICENSE) licensed. [back-to-top]: https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square [codespaces-link]: https://codespaces.new/lobehub/lobe-icons [codespaces-shield]: https://github.com/codespaces/badge.svg [contributors-contrib]: https://contrib.rocks/image?repo=lobehub/icons [contributors-link]: https://github.com/lobehub/lobe-icons/graphs/contributors [discord-link]: https://discord.gg/AYFPHvv2jT [discord-shield]: https://img.shields.io/discord/1127171173982154893?color=5865F2&label=discord&labelColor=black&logo=discord&logoColor=white&style=flat-square [fossa-license-link]: https://app.fossa.com/projects/git%2Bgithub.com%2Flobehub%2Flobe-icons [fossa-license-shield]: https://app.fossa.com/api/projects/git%2Bgithub.com%2Flobehub%2Flobe-icons.svg?type=large [github-action-release-link]: https://github.com/actions/workflows/lobehub/lobe-icons/release.yml [github-action-release-shield]: https://img.shields.io/github/actions/workflow/status/lobehub/lobe-icons/release.yml?label=release&labelColor=black&logo=githubactions&logoColor=white&style=flat-square [github-action-test-link]: https://github.com/actions/workflows/lobehub/lobe-icons/test.yml [github-action-test-shield]: https://img.shields.io/github/actions/workflow/status/lobehub/lobe-icons/test.yml?label=test&labelColor=black&logo=githubactions&logoColor=white&style=flat-square [github-contributors-link]: https://github.com/lobehub/lobe-icons/graphs/contributors [github-contributors-shield]: https://img.shields.io/github/contributors/lobehub/lobe-icons?color=c4f042&labelColor=black&style=flat-square [github-forks-link]: https://github.com/lobehub/lobe-icons/network/members [github-forks-shield]: https://img.shields.io/github/forks/lobehub/lobe-icons?color=8ae8ff&labelColor=black&style=flat-square [github-issues-link]: https://github.com/lobehub/lobe-icons/issues [github-issues-shield]: https://img.shields.io/github/issues/lobehub/lobe-icons?color=ff80eb&labelColor=black&style=flat-square [github-license-link]: https://github.com/lobehub/lobe-icons/blob/master/LICENSE [github-license-shield]: https://img.shields.io/github/license/lobehub/lobe-icons?color=white&labelColor=black&style=flat-square [github-releasedate-link]: https://github.com/lobehub/lobe-icons/releases [github-releasedate-shield]: https://img.shields.io/github/release-date/lobehub/lobe-icons?labelColor=black&style=flat-square [github-stars-link]: https://github.com/lobehub/lobe-icons/network/stargazers [github-stars-shield]: https://img.shields.io/github/stars/lobehub/lobe-icons?color=ffcb47&labelColor=black&style=flat-square [npm-downloads-link]: https://www.npmjs.com/package/@lobehub/icons [npm-downloads-shield]: https://img.shields.io/npm/dt/@lobehub/icons?labelColor=black&style=flat-square [npm-release-link]: https://www.npmjs.com/package/@lobehub/icons [npm-release-shield]: https://img.shields.io/npm/v/@lobehub/icons?color=369eff&labelColor=black&logo=npm&logoColor=white&style=flat-square [pr-welcome-link]: https://github.com/lobehub/lobe-icons/pulls [pr-welcome-shield]: https://img.shields.io/badge/🤯_pr_welcome-%E2%86%92-ffcb47?labelColor=black&style=for-the-badge [profile-link]: https://github.com/lobehub [vercel-link]: https://icons.lobehub.com [vercel-shield]: https://img.shields.io/website?down_message=offline&label=vercel&labelColor=black&logo=vercel&style=flat-square&up_message=online&url=https%3A%2F%2Fui.lobehub.com