lobehub/lobe-icons

Lobeアイコン

すべてのAIブランド、1つのアイコンセット

340以上のAIモデルとプロバイダロゴ、React、React Native、または静的SVG / PNG / WEBPの既製です。

ドキュメント・変更ログ・[バグ報告][github-issues-link]・[リクエスト機能][github-issues-link]

コンテンツの表

#####TOC の一覧

• なぜLobeアイコン?
• OST 始める ・AIパワー開発
• ✨ アイコンショーケース
• パッケージ
• ドキュメント
• ローカル開発
• 社会貢献 ・スポンサー お問い合わせ

################################################################################################################################################################################################################################################################

◀ なぜLobeアイコン?

AIワールドのロゴは、300以上のAI / LLMモデル、プロバイダー、アプリケーションブランドをアプリにドロップする準備ができています。

• 必要なすべてのAIのブランド: モデル、プロバイダ、AIアプリを1か所にまとめ、最新の状態に保ちます。
• どこでも右に見える: モノラル、色、テキスト、アバターのスタイルは、光とダークなテーマに合います。
• IDからのロゴ: gpt-4o や openai のようなモデルやプロバイダー ID を渡すと、正しいロゴが取得できます。
• 小さい束: 使用するブランドのみをインポートします。
• どこでも使用: CDN からイメージ URL を React、React Native、またはプレーンします。 -AI-native: skills.md と llms.txt から自分のコーディングエージェントがそれを学ぶことができます。

OST 始める

💡 Why Lobe Icons?

The logos of the AI world, ready to drop into your app: 300+ AI / LLM model, provider and application brands.

• Every AI brand you need: Models, providers and AI apps in one place, kept up to date.
• Looks right everywhere: Mono, color, text and avatar styles that fit light and dark themes.
• Logo from an id: Pass a model or provider id like gpt-4o or openai and get the right logo.
• Small bundles: Import only the brands you use.
• Use it anywhere: React, React Native, or plain image URLs from a CDN.
• AI-native: Your coding agent can learn it on its own from skills.md and llms.txt.

🚀 Getting Started

npm i @lobehub/icons @lobehub/ui

@lobehub/ui is a peer dependency, and React 19 (react / react-dom) is required.