LobeHub Icons

网站简介

LobeHub Icons 是一个专为 AI 模型和提供商设计的 Logo 图标库，以 React 组件的形式提供。它收集了包括 OpenAI、Claude、Gemini、DeepSeek、Qwen、Grok、Meta、Mistral、Google、NVIDIA、Hugging Face 等在内的数百个 AI 品牌图标，帮助开发者在自己的应用、网站或文档中快速展示品牌标识。项目由 LobeHub 团队维护，开源且持续更新，致力于成为 AI 领域最全面的图标资源之一。

主要功能/内容

• 丰富的图标组件：提供 ProviderIcon 和 ModelIcon 分别用于展示 AI 提供商和模型 Logo，覆盖主流及新兴 AI 品牌。
• React 支持：所有图标均为 React 组件，可通过 npm 包 @lobehub/icons 直接使用，并支持自定义 size、color 等属性。
• 图标编辑器：内置图标编辑器，允许用户在线调整图标的颜色、尺寸、组合方式，并可生成自定义图标。
• CDN 加速：提供 getLobeIconCDN 等工具，可通过 CDN 方式快速加载图标，适合无需构建的环境。
• 组合能力：支持 IconCombine、ProviderCombine、ModelTag 等组合组件，可将多个图标或标签灵活组合展示。
• AI 代理支持：通过 skills.md 文件，可让 AI 代理（如 Claude Code、Cursor 等）学习如何新增品牌图标，实现自动化扩展。
• 分类与检索：网站提供清晰的分类（Application、Model、Provider）以及搜索功能，便于快速查找所需图标。

特点说明

• 开源免费：项目在 GitHub 上开源，采用 MIT 许可证，可自由使用和修改。
• 设计统一：图标风格统一、简洁美观，适配现代 UI 设计，适合直接嵌入产品界面或技术文档。
• 覆盖面广：不仅包含 OpenAI、Google 等巨头，也收录了许多新兴 AI 公司和开源模型，如 DeepSeek、Qwen、Kimi、豆包等，紧跟行业发展。
• 开发体验友好：提供完善的 TypeScript 类型定义，支持按需引入，减小打包体积；同时文档清晰，示例丰富，易于上手。
• 社区活跃：LobeHub 自身是 AI 社区平台，该项目活跃度高，图标库随 AI 领域的发展不断更新，确保涵盖最新品牌。

总之，LobeHub Icons 是 AI 相关产品开发中展示品牌标识的优秀工具，既方便了开发者，也增强了项目的专业性和一致性。