lobe-icons

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

开源 🏷️完全免费 🔧 仅开源项目,无在线服务,需自行部署 开源模型 🍴 复刻 285 🐛 待处理 103 👀 关注 10
访问官网 ↗ GitHub ↗
GitHub 星标 ★ 2690
维护状态 活跃
是否开源 开源
定价模式 🏷️完全免费 开源项目,MIT 许可证,完全免费,无付费版本。

项目预览

lobe-icons 项目界面预览图
图片来源:项目官网

项目数据

分类开源模型
开发团队lobehub
定价模式🏷️完全免费
价格说明开源项目,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 星标★ 2690
上线时间2024-01-30 00:00:00
代码更新2026-11-09
仓库体积221.2 MB
本站数据更新2026-11-10
维护状态活跃
收录时间2026-08-09
浏览次数7

项目介绍

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

Star 增长趋势

本站每日记录该项目 GitHub 星标变化,观测越久曲线越完整

数据来源:GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 2690

技术标签

使用教程

⚠ 本教程由 AI 依据该项目 README 整理;原始文档不完整,部分步骤为通用流程推断,实际安装请以项目官方文档为准。

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

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

环境要求

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

安装与启动步骤

  1. 1浏览图标集合

    先访问官网图标页面,浏览 AI/LLM 品牌 Logo 集合,确认你要用的图标是否存在。

  2. 2查看安装文档

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

  3. 3用 CDN 引用图标

    README 说明图标可由 unpkg 或 npmmirror(aliyun) CDN 提供,在 URL 中指定版本号即可。

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

上一篇:figures4papers

下一篇:webgradients

同类项目推荐

orx 开源

为 OPENRNDR 创意编程提供现成的算法与工具库

A growing library of assorted data structures, algorithms and utilities for OPENRNDR

★ 140 2026-08-09
game-engine 开源

4kb 轻量 Canvas 引擎,快速做出小游戏和动画

Lightweight (~4kb) HTML5 canvas engine suitable for small games, animations and crea···

★ 80 2026-08-09
vsketch 开源

用 Python 代码生成绘图仪艺术,实时预览并导出矢量图

Generative plotter art environment for Python

★ 612 2026-08-09
weir 开源

用 Lisp 代码生成复杂图案,探索生成式设计

(deprecated) A system for making generative systems

★ 640 2026-08-09
fudge-design-md 开源

抓取真实网站,一键生成设计规范文档

DESIGN.md guides generated from real website references captured by Fudge.

★ 123 2026-08-09
diagram-design 开源

让 AI 一句话画出杂志级图表,告别 Mermaid 塑料感

Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Dro···

★ 66226 2026-10-05
OJO-Design-Skills 开源

给 AI 编码代理装上统一的设计规范

Reusable UI/UX design skills for AI coding agents — Codex, Claude Code, ZCode, and ···

★ 175 2026-11-04
SwiftGraphics 开源

用 Swift 代码生成 SVG,直接驱动笔式绘图仪创作艺术。

SwiftGraphics is a library for creative coding and generative art tailored towards r···

★ 74 2026-08-09
open-design-agent-kit 开源

把专业 UI 设计规范装进你的编码智能体

Make posters, social posts, slides and landing pages in the coding agent or chat you···

★ 1089 2026-10-31