lobe-icons

一键集成 AI 品牌 Logo，React 应用秒变专业

Lobe Icons 是一个为 React 和 React Native 应用提供 AI/LLM 品牌 Logo 图标库的开源项目。它解决了开发者在应用中集成各种 AI 服务（如 OpenAI、Anthropic、Google 等）品牌标识时，需要手动下载、处理多种格式图标并适配不同框架的痛点。该项目提供静态的 SVG、PNG 和 WebP 格式图标，无需任何外部依赖，即开即用。核心能力包括：丰富的 AI 品牌图标集合、跨框架支持（React 和 React Native）、多格式输出、零依赖设计，以及通过 TypeScript 提供类型安全。开发者可以轻松导入所需图标，快速构建具有专业外观的 AI 相关应用界面。

开源 free 开源模型

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 2534

维护状态活跃

是否开源是

定价模式 free

项目数据

分类开源模型

开发团队lobehub

所属国家

官网地址https://icons.lobehub.com

GitHubhttps://github.com/lobehub/lobe-icons

定价模式free

价格说明开源项目，MIT 许可证，完全免费，无付费版本。

访问状态

是否开源是

开源协议MIT

主要语言TypeScript

技术栈/模型ai,ai-brands,ai-icons,brand-colors,brands,component,design,design-assets,icon-pack,icon-packs,icons,llm,llm-brands,llm-icons,logo,model-icon,model-logo,react,svg,svg-icons

GitHub 星标★ 2534

30天Star增速

HF 下载量

上线时间2024-01-30 00:00:00

最近更新2026-09-23 00:00:00

维护状态活跃

中文支持

访问方式

移动端支持

综合评分

收录时间2026-08-09

浏览次数5

使用教程

难度：入门约 10 分钟部署方式：库/依赖 4 步

⚠ 该项目 README 未提供完整安装说明，以下步骤为通用流程，请以官方文档为准。

环境要求

可访问 unpkg 或 npmmirror(aliyun) CDN 的网络环境
npm 环境（README 提示使用 lobe icons 的 npm 包）
使用场景为 React 或 React Native 项目（如需以组件方式引入）

安装与启动步骤

1浏览图标集合

先访问官网图标页面，浏览 AI/LLM 品牌 Logo 集合，确认你要用的图标是否存在。
2查看安装文档

README 的 Installation 章节在本节选中未给出具体命令，请到官方文档查看引入方式。
3用 CDN 引用图标

README 说明图标可由 unpkg 或 npmmirror(aliyun) CDN 提供，在 URL 中指定版本号即可。
4克隆仓库

README 提供 Local Development 章节，如需本地开发或参与贡献，可先克隆仓库。
```
git clone https://github.com/lobehub/lobe-icons.git
```

如何确认成功

打开 https://icons.lobehub.com 能正常浏览图标，且按 CDN 地址能加载出对应 SVG/PNG/WebP 图标即视为可用。

常见问题

Q：需要安装外部依赖吗？

A：不需要。Lobe Icons 提供静态的 SVG、PNG 和 WebP 图标，零依赖设计，即开即用。

Q：支持哪些框架？

A：README 说明同时支持 React 和 React Native 应用，并提供 TypeScript 类型安全。

Q：为什么找不到安装命令？

A：本 README 节选中 Installation 章节内容为空，请以官方文档 https://icons.lobehub.com 给出的方式为准。

Q：图标有哪些格式？

A：提供静态 SVG、PNG 和 WebP 三种格式，可通过 CDN 或 npm 包获取。

注意事项

README 的 Installation 章节在本节选中为空，实际安装命令请以官方文档为准。
通过 CDN 引用时必须在 URL 中指定版本号。
如需参与贡献或本地开发，请参考 README 的 Local Development 章节。

核心亮点

零依赖，无需额外安装其他库，减小项目体积
同时支持 React 和 React Native，跨平台开发友好
提供 SVG、PNG、WebP 多种格式，满足不同场景需求

不足之处

图标数量有限，可能无法覆盖所有小众 AI 服务
文档/社区待观察

适用场景

开发 AI 聊天机器人或聚合平台，需要展示多个 AI 品牌 Logo
在 React Native 移动应用中集成 AI 服务标识
构建 AI 工具导航站或产品展示页，需要统一风格的品牌图标

替代项目

react-icons、simple-icons、svgr

项目介绍

lobe-icons 是设计创意领域的开源项目，由 lobehub 开发，2024 年首次发布。

在全站 13,090 个收录项目中，它的 GitHub 星标数（2,534）位列前 30%，在设计创意分类的 163 个项目里位列前 11%。

近 42 天，它的 GitHub 星标从 2,366 增加到 2,534，净增 168。

项目目前处于活跃维护状态，最近一次代码更新于 2026-09-23。MIT 许可证，完全免费，无付费版本。

它主要面向的使用场景是：开发AI聊天机器人或聚合平台，需要展示多个AI品牌Logo。同类可对比的替代方案包括 react-icons、simple-icons、svgr。

上一篇：figures4papers

下一篇：webgradients