酷特喵
酷特喵

Lobe Icons

AI与大模型品牌专用SVG图标库

0 浏览
2026年8月31日

Lobe Icons介绍

Lobe Icons 是一个专为 AI 和大语言模型(LLM)生态打造的开源 SVG 图标集合,由 LobeHub 开发,覆盖 OpenAI、Google、Anthropic、微软、百度、腾讯、华为等主流厂商及模型品牌。它以轻量、高性能和开发者友好为核心,所有图标均为高度优化的 SVG 格式,支持单色与彩色双版本,天然兼容 Tree Shaking,能显著减小项目打包体积;同时提供 React 和 React Native 的组件化导入方式,并内置在线 SVG 编辑器与压缩工具,便于二次定制。

Lobe Icons的主要功能

  • 涵盖主流AI/LLM厂商及模型品牌图标
  • 支持 Tree Shaking,按需加载减少包体积
  • 提供单色与彩色双版本图标
  • 内置在线 SVG 编辑器和压缩工具
  • 原生支持 Web 与 React Native 项目集成
  • 基于 npm/bun 的一键安装与组件化引入

Lobe Icons如何使用

  1. 1通过 bun add @lobehub/icons 或 npm install 安装依赖
  2. 2在代码中按需导入指定图标,如 import { ModelIcon } from '@lobehub/icons'
  3. 3根据设计需求选择单色或彩色变体,并调整尺寸与颜色属性
  4. 4使用配套在线编辑器对 SVG 进行微调或压缩优化
  5. 5在 React Native 或 Web 项目中直接作为组件渲染使用

Lobe Icons的应用场景

  • AI 应用程序 UI 中展示不同模型品牌标识
  • 开发者平台或 IDE 插件中可视化管理 LLM 提供商
  • 数据仪表板中以图标形式呈现各 AI 模型调用量或性能指标
  • 技术文档与教程中辅助说明 AI 技术栈组成
  • 品牌官网或营销页面中统一展示已集成的 AI 服务合作伙伴