Lobe Icons — AI/LLM 品牌图标集 v5.10

本文介绍 Lobe Icons，一个收录了 2000+ AI/LLM 品牌矢量图标的开源项目，支持 React 组件、SVG、PNG、WebP 多种格式，覆盖主流 AI 公司、LLM 模型和应用工具的品牌 Logo。

项目简介

Lobe Icons 是由 LobeHub 团队开发维护的开源图标集，专注于 AI / LLM 领域的品牌 Logo。截至目前，该项目在 GitHub 上已获得 2.1k stars，主要使用 TypeScript 编写，最新版本为 v5.10.0。

核心特性

支持的品牌

涵盖三类：模型（DeepSeek、Claude、Gemini、GPT、Qwen 等）、提供商（OpenAI、Anthropic、Google、Meta 等）、应用（Cursor、Claude Code、Dify、GitHub Copilot、Windsurf 等）。

安装方式

npm i @lobehub/icons

支持多个子包：@lobehub/icons（React）、@lobehub/icons-rn（React Native）、@lobehub/icons-static-svg、@lobehub/icons-static-png、@lobehub/icons-static-webp。

CDN 引用

<!-- SVG -->
<img src="https://unpkg.com/@lobehub/icons-static-svg@latest/icons/openai.svg" />

<!-- PNG（支持明暗主题） -->
<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://unpkg.com/@lobehub/icons-static-png@latest/dark/openai.png" />
  <img src="https://unpkg.com/@lobehub/icons-static-png@latest/light/openai.png" />
</picture>

<!-- WebP -->
<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://unpkg.com/@lobehub/icons-static-webp@latest/dark/openai.webp" />
  <img src="https://unpkg.com/@lobehub/icons-static-webp@latest/light/openai.webp" />
</picture>

使用场景

• AI 产品官网（展示支持的模型/提供商）
• LLM 聊天客户端（模型选择列表的 Logo）
• 文档站点（AI 工具的品牌标识）
• 市场推广页面（合作伙伴展示）

项目链接

• GitHub 仓库：https://github.com/lobehub/lobe-icons
• 在线预览：https://icons.lobehub.com
• npm 包：https://www.npmjs.com/package/@lobehub/icons