@lobehub/icons 6.0.0 → 6.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +90 -307
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -2,14 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
<div align="center">
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
<img height="120" src="https://raw.githubusercontent.com/lobehub/lobe-assets/master/packages/assets-logo/assets/split.svg">
|
|
7
|
-
<img height="120" src="https://raw.githubusercontent.com/lobehub/fluent-emoji/master/packages/3d/assets/1f968.webp">
|
|
5
|
+

|
|
8
6
|
|
|
9
7
|
<h1>Lobe Icons</h1>
|
|
10
8
|
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
<h3>Every AI Brand, One Icon Set</h3>
|
|
10
|
+
|
|
11
|
+
340+ AI model and provider logos, ready for React, React Native, or as static SVG / PNG / WEBP.
|
|
13
12
|
|
|
14
13
|
[Documents](https://icons.lobehub.com) · [Changelog](./CHANGELOG.md) · [Report Bug][github-issues-link] · [Request Feature][github-issues-link]
|
|
15
14
|
|
|
@@ -30,8 +29,6 @@ Contributions, corrections & requests can be made on GitHub.
|
|
|
30
29
|
[![][github-issues-shield]][github-issues-link]
|
|
31
30
|
[![][github-license-shield]][github-license-link]
|
|
32
31
|
|
|
33
|
-

|
|
34
|
-
|
|
35
32
|
</div>
|
|
36
33
|
|
|
37
34
|
<details>
|
|
@@ -39,56 +36,63 @@ Contributions, corrections & requests can be made on GitHub.
|
|
|
39
36
|
|
|
40
37
|
#### TOC
|
|
41
38
|
|
|
42
|
-
- [
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
- [
|
|
47
|
-
- [
|
|
48
|
-
- [`A` CDN with SVG](#a-cdn-with-svg)
|
|
49
|
-
- [`B` CDN with PNG](#b-cdn-with-png)
|
|
50
|
-
- [`C` CDN with WEBP](#c-cdn-with-webp)
|
|
51
|
-
- [Static Packages](#static-packages)
|
|
39
|
+
- [💡 Why Lobe Icons?](#-why-lobe-icons)
|
|
40
|
+
- [🚀 Getting Started](#-getting-started)
|
|
41
|
+
- [🤖 AI-Powered Development](#-ai-powered-development)
|
|
42
|
+
- [✨ Icon Showcase](#-icon-showcase)
|
|
43
|
+
- [📦 Packages](#-packages)
|
|
44
|
+
- [📖 Documentation](#-documentation)
|
|
52
45
|
- [⌨️ Local Development](#️-local-development)
|
|
53
46
|
- [🤝 Contributing](#-contributing)
|
|
54
47
|
- [🩷 Sponsor](#-sponsor)
|
|
55
48
|
- [🔗 Links](#-links)
|
|
56
|
-
- [More Products](#more-products)
|
|
57
|
-
- [Design Resources](#design-resources)
|
|
58
|
-
- [Development Resources](#development-resources)
|
|
59
49
|
|
|
60
50
|
####
|
|
61
51
|
|
|
62
52
|
</details>
|
|
63
53
|
|
|
64
|
-
##
|
|
54
|
+
## 💡 Why Lobe Icons?
|
|
55
|
+
|
|
56
|
+
The logos of the AI world, ready to drop into your app: 300+ AI / LLM model, provider and application brands.
|
|
57
|
+
|
|
58
|
+
- **Every AI brand you need**: Models, providers and AI apps in one place, kept up to date.
|
|
59
|
+
- **Looks right everywhere**: Mono, color, text and avatar styles that fit light and dark themes.
|
|
60
|
+
- **Logo from an id**: Pass a model or provider id like `gpt-4o` or `openai` and get the right logo.
|
|
61
|
+
- **Small bundles**: Import only the brands you use.
|
|
62
|
+
- **Use it anywhere**: React, React Native, or plain image URLs from a CDN.
|
|
63
|
+
- **AI-native**: Your coding agent can learn it on its own from [`skills.md`](https://icons.lobehub.com/skills.md) and [`llms.txt`](https://icons.lobehub.com/llms.txt).
|
|
64
|
+
|
|
65
|
+
<div align="right">
|
|
66
|
+
|
|
67
|
+
[![][back-to-top]](#readme-top)
|
|
65
68
|
|
|
66
|
-
|
|
69
|
+
</div>
|
|
67
70
|
|
|
68
|
-
|
|
71
|
+
## 🚀 Getting Started
|
|
69
72
|
|
|
70
73
|
```bash
|
|
71
|
-
|
|
74
|
+
npm i @lobehub/icons @lobehub/ui
|
|
72
75
|
```
|
|
73
76
|
|
|
74
|
-
|
|
77
|
+
`@lobehub/ui` is a peer dependency, and React 19 (`react` / `react-dom`) is required.
|
|
75
78
|
|
|
76
|
-
|
|
79
|
+
```tsx
|
|
80
|
+
import { Claude, ModelIcon } from '@lobehub/icons';
|
|
77
81
|
|
|
78
|
-
|
|
79
|
-
|
|
82
|
+
export default () => (
|
|
83
|
+
<>
|
|
84
|
+
<Claude.Color size={48} />
|
|
85
|
+
<ModelIcon model="gpt-4o" size={48} />
|
|
86
|
+
</>
|
|
87
|
+
);
|
|
80
88
|
```
|
|
81
89
|
|
|
82
|
-
|
|
90
|
+
Browse every brand and variant in the [documentation](https://icons.lobehub.com).
|
|
91
|
+
|
|
92
|
+
**Other ways to use it:**
|
|
83
93
|
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
| <img src="https://github.com/user-attachments/assets/411f5124-9460-43dc-9d91-3d3c3da05b30" alt="React logo" width="48"> | **`@lobehub/icons`** | [](https://www.npmjs.com/package/@lobehub/icons-static-svg) |  | [Source](https://github.com/lobehub/lobe-icons/tree/master/src) |
|
|
87
|
-
| <img src="https://github.com/user-attachments/assets/d06378b5-46eb-4154-836d-b792d04ee3dd" alt="React Native logo" width="48"> | **`@lobehub/icons-rn`** | [](https://www.npmjs.com/package/@lobehub/icons-rn) |  | [Source](https://github.com/lobehub/lobe-icons/tree/master/packages/react-native) |
|
|
88
|
-
| <img src="https://github.com/user-attachments/assets/6a0ce456-ab14-437c-93ec-2c05fecbb454" alt="SVG logo" width="48"> | **`@lobehub/icons-static-svg`** | [](https://www.npmjs.com/package/@lobehub/icons-static-svg) |  | [Source](https://github.com/lobehub/lobe-icons/tree/master/packages/static-svg) |
|
|
89
|
-
| <img src="https://github.com/user-attachments/assets/f2ee638a-b02c-447d-bcb2-4455688b1438" alt="PNG logo" width="48"> | **`@lobehub/icons-static-png`** | [](https://www.npmjs.com/package/@lobehub/icons-static-png) |  | [Source](https://github.com/lobehub/lobe-icons/tree/master/packages/static-png) |
|
|
90
|
-
| <img src="https://github.com/user-attachments/assets/bd610e9d-290e-4a60-a945-e9c5f84be962" alt="WebP logo" width="48"> | **`@lobehub/icons-static-webp`** | [](https://www.npmjs.com/package/@lobehub/icons-static-webp) |  | [Source](https://github.com/lobehub/lobe-icons/tree/master/packages/static-webp) |
|
|
91
|
-
| <img src="https://github.com/user-attachments/assets/bd610e9d-290e-4a60-a945-e9c5f84be962" alt="WebP logo" width="48"> | **`@lobehub/icons-static-avatar`** | [](https://www.npmjs.com/package/@lobehub/icons-static-avatar) |  | [Source](https://github.com/lobehub/lobe-icons/tree/master/packages/static-avatar) |
|
|
94
|
+
- **CDN / plain HTML**: `<img src="https://unpkg.com/@lobehub/icons-static-svg@latest/icons/openai.svg" />`. PNG and WEBP come in `light` / `dark` folders, e.g. `https://unpkg.com/@lobehub/icons-static-png@latest/dark/openai.png`, and npmmirror works as a mirror. In React, build these URLs with [`getLobeIconCDN`](https://icons.lobehub.com/features/cdn-utils).
|
|
95
|
+
- **React Native / Expo**: `npm i @lobehub/icons-rn react-native-svg`, see the [package README](./packages/react-native/README.md).
|
|
92
96
|
|
|
93
97
|
<div align="right">
|
|
94
98
|
|
|
@@ -96,13 +100,27 @@ npm i @lobehub/icons
|
|
|
96
100
|
|
|
97
101
|
</div>
|
|
98
102
|
|
|
99
|
-
##
|
|
103
|
+
## 🤖 AI-Powered Development
|
|
100
104
|
|
|
101
|
-
|
|
102
|
-
- 🌳 **Tree Shakable**: The collection is tree-shakable, ensuring that you only import the icons that you use, which helps in reducing the overall bundle size of your project.
|
|
103
|
-
- 👥 **Active Community**: Lobe Icons boasts an active community of designers and developers. Engage with us on platforms like GitHub and Discord to contribute or get support.
|
|
105
|
+
Copy this prompt to your coding agent (Cursor, Claude Code, Codex, Windsurf, GitHub Copilot, ...):
|
|
104
106
|
|
|
105
|
-
|
|
107
|
+
```text
|
|
108
|
+
Read https://icons.lobehub.com/skills.md and follow the instructions to use @lobehub/icons
|
|
109
|
+
```
|
|
110
|
+
|
|
111
|
+
| Resource | Link | What it is |
|
|
112
|
+
| ---------------- | ------------------------------------------------------------------ | ----------------------------------------------------------------------------------- |
|
|
113
|
+
| **Agent Skills** | [icons.lobehub.com/skills.md](https://icons.lobehub.com/skills.md) | Skill entry point: setup, workflow and an index of every guide and brand reference. |
|
|
114
|
+
| **llms.txt** | [icons.lobehub.com/llms.txt](https://icons.lobehub.com/llms.txt) | Page index for `llms.txt`-aware tools, each entry linking to a markdown reference. |
|
|
115
|
+
| **Skill file** | [lobehub.com/icons/skill.md](https://lobehub.com/icons/skill.md) | Standalone skill with steps to save it into your agent's skills directory. |
|
|
116
|
+
|
|
117
|
+
<div align="right">
|
|
118
|
+
|
|
119
|
+
[![][back-to-top]](#readme-top)
|
|
120
|
+
|
|
121
|
+
</div>
|
|
122
|
+
|
|
123
|
+
## ✨ Icon Showcase
|
|
106
124
|
|
|
107
125
|
**Supported brands:**
|
|
108
126
|
|
|
@@ -258,251 +276,29 @@ npm i @lobehub/icons
|
|
|
258
276
|
|
|
259
277
|
</div>
|
|
260
278
|
|
|
261
|
-
##
|
|
262
|
-
|
|
263
|
-
Icons can be served from a CDN such as **unpkg** or **npmmirror (aliyun)**. Simply use the lobe icons npm package and specify a version in the URL like the following:
|
|
264
|
-
|
|
265
|
-
### `A` CDN with SVG
|
|
266
|
-
|
|
267
|
-
We provide a CDN service (`@lobehub/icons-static-svg`) which allows you to use SVG.
|
|
268
|
-
|
|
269
|
-
```html
|
|
270
|
-
<!--UNPKG-->
|
|
271
|
-
<img height="64" src="https://unpkg.com/@lobehub/icons-static-svg@latest/icons/[ICON SLUG].svg" />
|
|
272
|
-
|
|
273
|
-
<!--ALIYUN-->
|
|
274
|
-
<img
|
|
275
|
-
height="64"
|
|
276
|
-
src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-svg/icons/[ICON SLUG].svg"
|
|
277
|
-
/>
|
|
278
|
-
```
|
|
279
|
-
|
|
280
|
-
#### Example
|
|
279
|
+
## 📦 Packages
|
|
281
280
|
|
|
282
|
-
|
|
281
|
+
| Package | Use it for | Version |
|
|
282
|
+
| ------------------------------------------------------------------------------------------ | ------------------------------- | -------------------------------------------------------------------------------- |
|
|
283
|
+
| [@lobehub/icons](https://www.npmjs.com/package/@lobehub/icons) | React components |  |
|
|
284
|
+
| [@lobehub/icons-rn](https://www.npmjs.com/package/@lobehub/icons-rn) | React Native / Expo |  |
|
|
285
|
+
| [@lobehub/icons-static-svg](https://www.npmjs.com/package/@lobehub/icons-static-svg) | SVG files / CDN |  |
|
|
286
|
+
| [@lobehub/icons-static-png](https://www.npmjs.com/package/@lobehub/icons-static-png) | PNG files / CDN (light & dark) |  |
|
|
287
|
+
| [@lobehub/icons-static-webp](https://www.npmjs.com/package/@lobehub/icons-static-webp) | WEBP files / CDN (light & dark) |  |
|
|
288
|
+
| [@lobehub/icons-static-avatar](https://www.npmjs.com/package/@lobehub/icons-static-avatar) | Avatar images (WEBP) / CDN |  |
|
|
283
289
|
|
|
284
|
-
|
|
285
|
-
<!--UNPKG-->
|
|
286
|
-
<img height="64" src="https://unpkg.com/@lobehub/icons-static-svg@latest/icons/openai.svg" />
|
|
287
|
-
|
|
288
|
-
<!--ALIYUN-->
|
|
289
|
-
<img
|
|
290
|
-
height="64"
|
|
291
|
-
src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-svg/icons/openai.svg"
|
|
292
|
-
/>
|
|
293
|
-
```
|
|
294
|
-
|
|
295
|
-
<img height="64" src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-svg/icons/openai-text.svg">
|
|
296
|
-
|
|
297
|
-
```html
|
|
298
|
-
<!--UNPKG-->
|
|
299
|
-
<img height="64" src="https://unpkg.com/@lobehub/icons-static-svg@latest/icons/openai-text.svg" />
|
|
300
|
-
|
|
301
|
-
<!--ALIYUN-->
|
|
302
|
-
<img
|
|
303
|
-
height="64"
|
|
304
|
-
src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-svg/icons/openai-text.svg"
|
|
305
|
-
/>
|
|
306
|
-
```
|
|
307
|
-
|
|
308
|
-
<br/>
|
|
309
|
-
|
|
310
|
-
### `B` CDN with PNG
|
|
311
|
-
|
|
312
|
-
We provide a CDN service (`@lobehub/icons-static-png`) which allows you to use PNG.
|
|
313
|
-
|
|
314
|
-
```html
|
|
315
|
-
<!--UNPKG-->
|
|
316
|
-
<picture>
|
|
317
|
-
<source
|
|
318
|
-
media="(prefers-color-scheme: dark)"
|
|
319
|
-
srcset="https://unpkg.com/@lobehub/icons-static-png@latest/dark/[ICON SLUG].png"
|
|
320
|
-
/>
|
|
321
|
-
<img height="64" src="https://unpkg.com/@lobehub/icons-static-png@latest/light/[ICON SLUG].png" />
|
|
322
|
-
</picture>
|
|
323
|
-
|
|
324
|
-
<!--ALIYUN-->
|
|
325
|
-
<picture>
|
|
326
|
-
<source
|
|
327
|
-
media="(prefers-color-scheme: dark)"
|
|
328
|
-
srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-png/dark/[ICON SLUG].png"
|
|
329
|
-
/>
|
|
330
|
-
<img
|
|
331
|
-
height="64"
|
|
332
|
-
src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-png/light/[ICON SLUG].png"
|
|
333
|
-
/>
|
|
334
|
-
</picture>
|
|
335
|
-
```
|
|
336
|
-
|
|
337
|
-
#### Example
|
|
338
|
-
|
|
339
|
-
<picture>
|
|
340
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-png/dark/openai.png">
|
|
341
|
-
<img height="64" src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-png/light/openai.png">
|
|
342
|
-
</picture>
|
|
343
|
-
|
|
344
|
-
```html
|
|
345
|
-
<!--UNPKG-->
|
|
346
|
-
<picture>
|
|
347
|
-
<source
|
|
348
|
-
media="(prefers-color-scheme: dark)"
|
|
349
|
-
srcset="https://unpkg.com/@lobehub/icons-static-png@latest/dark/openai.png"
|
|
350
|
-
/>
|
|
351
|
-
<img height="64" src="https://unpkg.com/@lobehub/icons-static-png@latest/light/openai.png" />
|
|
352
|
-
</picture>
|
|
353
|
-
|
|
354
|
-
<!--ALIYUN-->
|
|
355
|
-
<picture>
|
|
356
|
-
<source
|
|
357
|
-
media="(prefers-color-scheme: dark)"
|
|
358
|
-
srcset="
|
|
359
|
-
https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-png/dark/openai.png
|
|
360
|
-
"
|
|
361
|
-
/>
|
|
362
|
-
<img
|
|
363
|
-
height="64"
|
|
364
|
-
src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-png/light/openai.png"
|
|
365
|
-
/>
|
|
366
|
-
</picture>
|
|
367
|
-
```
|
|
368
|
-
|
|
369
|
-
<picture>
|
|
370
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-png/dark/openai-text.png">
|
|
371
|
-
<img height="64" src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-png/light/openai-text.png">
|
|
372
|
-
</picture>
|
|
373
|
-
|
|
374
|
-
```html
|
|
375
|
-
<!--UNPKG-->
|
|
376
|
-
<picture>
|
|
377
|
-
<source
|
|
378
|
-
media="(prefers-color-scheme: dark)"
|
|
379
|
-
srcset="https://unpkg.com/@lobehub/icons-static-png@latest/dark/openai-text.png"
|
|
380
|
-
/>
|
|
381
|
-
<img height="64" src="https://unpkg.com/@lobehub/icons-static-png@latest/light/openai-text.png" />
|
|
382
|
-
</picture>
|
|
383
|
-
|
|
384
|
-
<!--ALIYUN-->
|
|
385
|
-
<picture>
|
|
386
|
-
<source
|
|
387
|
-
media="(prefers-color-scheme: dark)"
|
|
388
|
-
srcset="
|
|
389
|
-
https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-png/dark/openai-text.png
|
|
390
|
-
"
|
|
391
|
-
/>
|
|
392
|
-
<img
|
|
393
|
-
height="64"
|
|
394
|
-
src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-png/light/openai-text.png"
|
|
395
|
-
/>
|
|
396
|
-
</picture>
|
|
397
|
-
```
|
|
398
|
-
|
|
399
|
-
<br/>
|
|
400
|
-
|
|
401
|
-
### `C` CDN with WEBP
|
|
402
|
-
|
|
403
|
-
We provide a CDN service (`@lobehub/icons-static-webp`) which allows you to use WEBP.
|
|
404
|
-
|
|
405
|
-
```html
|
|
406
|
-
<!--UNPKG-->
|
|
407
|
-
<picture>
|
|
408
|
-
<source
|
|
409
|
-
media="(prefers-color-scheme: dark)"
|
|
410
|
-
srcset="https://unpkg.com/@lobehub/icons-static-webp@latest/dark/[ICON SLUG].webp"
|
|
411
|
-
/>
|
|
412
|
-
<img
|
|
413
|
-
height="64"
|
|
414
|
-
src="https://unpkg.com/@lobehub/icons-static-webp@latest/light/[ICON SLUG].webp"
|
|
415
|
-
/>
|
|
416
|
-
</picture>
|
|
417
|
-
|
|
418
|
-
<!--ALIYUN-->
|
|
419
|
-
<picture>
|
|
420
|
-
<source
|
|
421
|
-
media="(prefers-color-scheme: dark)"
|
|
422
|
-
srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-webp/dark/[ICON SLUG].webp"
|
|
423
|
-
/>
|
|
424
|
-
<img
|
|
425
|
-
height="64"
|
|
426
|
-
src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-webp/light/[ICON SLUG].webp"
|
|
427
|
-
/>
|
|
428
|
-
</picture>
|
|
429
|
-
```
|
|
430
|
-
|
|
431
|
-
#### Example
|
|
432
|
-
|
|
433
|
-
<picture>
|
|
434
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-webp/dark/openai.webp">
|
|
435
|
-
<img height="64" src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-webp/light/openai.webp">
|
|
436
|
-
</picture>
|
|
437
|
-
|
|
438
|
-
```html
|
|
439
|
-
<!--UNPKG-->
|
|
440
|
-
<picture>
|
|
441
|
-
<source
|
|
442
|
-
media="(prefers-color-scheme: dark)"
|
|
443
|
-
srcset="https://unpkg.com/@lobehub/icons-static-webp@latest/dark/openai.webp"
|
|
444
|
-
/>
|
|
445
|
-
<img height="64" src="https://unpkg.com/@lobehub/icons-static-webp@latest/light/openai.webp" />
|
|
446
|
-
</picture>
|
|
447
|
-
|
|
448
|
-
<!--ALIYUN-->
|
|
449
|
-
<picture>
|
|
450
|
-
<source
|
|
451
|
-
media="(prefers-color-scheme: dark)"
|
|
452
|
-
srcset="
|
|
453
|
-
https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-webp/dark/openai.webp
|
|
454
|
-
"
|
|
455
|
-
/>
|
|
456
|
-
<img
|
|
457
|
-
height="64"
|
|
458
|
-
src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-webp/light/openai.webp"
|
|
459
|
-
/>
|
|
460
|
-
</picture>
|
|
461
|
-
```
|
|
290
|
+
<div align="right">
|
|
462
291
|
|
|
463
|
-
|
|
464
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-webp/dark/openai-text.webp">
|
|
465
|
-
<img height="64" src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-webp/light/openai-text.webp">
|
|
466
|
-
</picture>
|
|
467
|
-
|
|
468
|
-
```html
|
|
469
|
-
<!--UNPKG-->
|
|
470
|
-
<picture>
|
|
471
|
-
<source
|
|
472
|
-
media="(prefers-color-scheme: dark)"
|
|
473
|
-
srcset="https://unpkg.com/@lobehub/icons-static-webp@latest/dark/openai-text.webp"
|
|
474
|
-
/>
|
|
475
|
-
<img
|
|
476
|
-
height="64"
|
|
477
|
-
src="https://unpkg.com/@lobehub/icons-static-webp@latest/light/openai-text.webp"
|
|
478
|
-
/>
|
|
479
|
-
</picture>
|
|
480
|
-
|
|
481
|
-
<!--ALIYUN-->
|
|
482
|
-
<picture>
|
|
483
|
-
<source
|
|
484
|
-
media="(prefers-color-scheme: dark)"
|
|
485
|
-
srcset="
|
|
486
|
-
https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-webp/dark/openai-text.webp
|
|
487
|
-
"
|
|
488
|
-
/>
|
|
489
|
-
<img
|
|
490
|
-
height="64"
|
|
491
|
-
src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-webp/light/openai-text.webp"
|
|
492
|
-
/>
|
|
493
|
-
</picture>
|
|
494
|
-
```
|
|
292
|
+
[![][back-to-top]](#readme-top)
|
|
495
293
|
|
|
496
|
-
|
|
294
|
+
</div>
|
|
497
295
|
|
|
498
|
-
|
|
296
|
+
## 📖 Documentation
|
|
499
297
|
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
| [@lobehub/icons-static-webp](https://www.npmjs.com/package/@lobehub/icons-static-webp) | `WEBP` | [](https://www.npmjs.com/package/@lobehub/icons-static-webp) |
|
|
505
|
-
| [@lobehub/icons-static-avatar](https://www.npmjs.com/package/@lobehub/icons-static-avatar) | `WEBP` | [](https://www.npmjs.com/package/@lobehub/icons-static-avatar) |
|
|
298
|
+
- **Docs & live demos**: [icons.lobehub.com](https://icons.lobehub.com)
|
|
299
|
+
- **Browse all icons**: [lobehub.com/icons](https://lobehub.com/icons)
|
|
300
|
+
- **For agents**: [skills.md](https://icons.lobehub.com/skills.md) · [llms.txt](https://icons.lobehub.com/llms.txt)
|
|
301
|
+
- **Changelog**: [CHANGELOG.md](./CHANGELOG.md)
|
|
506
302
|
|
|
507
303
|
<div align="right">
|
|
508
304
|
|
|
@@ -564,24 +360,13 @@ Every bit counts and your one-time donation sparkles in our galaxy of support! Y
|
|
|
564
360
|
|
|
565
361
|
## 🔗 Links
|
|
566
362
|
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
- **[
|
|
570
|
-
- **[
|
|
571
|
-
- **[
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
- **[🍭 LobeUI](https://ui.lobehub.com)** - An open-source UI component library for building AIGC web apps.
|
|
576
|
-
- **[🥨 LobeIcons](https://lobehub.com/icons)** - Popular AI / LLM Model Brand SVG Logo and Icon Collection.
|
|
577
|
-
- **[📊 LobeCharts](https://charts.lobehub.com)** - React modern charts components built on recharts
|
|
578
|
-
|
|
579
|
-
### Development Resources
|
|
580
|
-
|
|
581
|
-
- **[🎤 LobeTTS](https://tts.lobehub.com)** - A high-quality & reliable TTS/STT library for Server and Browser
|
|
582
|
-
- **[🌏 LobeI18n](https://github.com/lobehub/lobe-cli-toolbox/blob/master/packages/lobe-i18n)** - Automation ai tool for the i18n (internationalization) translation process.
|
|
583
|
-
|
|
584
|
-
[More Resources](https://lobehub.com/resources)
|
|
363
|
+
- **[🍭 Lobe UI](https://github.com/lobehub/lobe-ui)** - React component library for AI apps
|
|
364
|
+
- **[🥨 Lobe Icons](https://github.com/lobehub/lobe-icons)** - AI / LLM brand logos and icon library
|
|
365
|
+
- **[📊 Lobe Charts](https://github.com/lobehub/lobe-charts)** - React chart components
|
|
366
|
+
- **[✒️ Lobe Editor](https://github.com/lobehub/lobe-editor)** - Lexical-based rich text editor for React, with Markdown, plugins and a chat composer
|
|
367
|
+
- **[🎤 Lobe TTS](https://github.com/lobehub/lobe-tts)** - TTS / STT speech library
|
|
368
|
+
- **[📐 Lobe Lint](https://github.com/lobehub/lobe-lint)** - ESLint, Prettier, Stylelint, Commitlint and more lint configs
|
|
369
|
+
- **[😀 Fluent Emoji](https://github.com/lobehub/fluent-emoji)** - Fluent Emoji assets
|
|
585
370
|
|
|
586
371
|
<div align="right">
|
|
587
372
|
|
|
@@ -593,7 +378,7 @@ Every bit counts and your one-time donation sparkles in our galaxy of support! Y
|
|
|
593
378
|
|
|
594
379
|
<details><summary><h4>📝 License</h4></summary>
|
|
595
380
|
|
|
596
|
-
[![][
|
|
381
|
+
[![][github-license-shield]][github-license-link]
|
|
597
382
|
|
|
598
383
|
</details>
|
|
599
384
|
|
|
@@ -605,15 +390,13 @@ This project is [MIT](./LICENSE) licensed.
|
|
|
605
390
|
[back-to-top]: https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square
|
|
606
391
|
[codespaces-link]: https://codespaces.new/lobehub/lobe-icons
|
|
607
392
|
[codespaces-shield]: https://github.com/codespaces/badge.svg
|
|
608
|
-
[contributors-contrib]: https://contrib.rocks/image?repo=lobehub/icons
|
|
393
|
+
[contributors-contrib]: https://contrib.rocks/image?repo=lobehub/lobe-icons
|
|
609
394
|
[contributors-link]: https://github.com/lobehub/lobe-icons/graphs/contributors
|
|
610
395
|
[discord-link]: https://discord.gg/AYFPHvv2jT
|
|
611
396
|
[discord-shield]: https://img.shields.io/discord/1127171173982154893?color=5865F2&label=discord&labelColor=black&logo=discord&logoColor=white&style=flat-square
|
|
612
|
-
[
|
|
613
|
-
[fossa-license-shield]: https://app.fossa.com/api/projects/git%2Bgithub.com%2Flobehub%2Flobe-icons.svg?type=large
|
|
614
|
-
[github-action-release-link]: https://github.com/actions/workflows/lobehub/lobe-icons/release.yml
|
|
397
|
+
[github-action-release-link]: https://github.com/lobehub/lobe-icons/actions/workflows/release.yml
|
|
615
398
|
[github-action-release-shield]: https://img.shields.io/github/actions/workflow/status/lobehub/lobe-icons/release.yml?label=release&labelColor=black&logo=githubactions&logoColor=white&style=flat-square
|
|
616
|
-
[github-action-test-link]: https://github.com/
|
|
399
|
+
[github-action-test-link]: https://github.com/lobehub/lobe-icons/actions/workflows/test.yml
|
|
617
400
|
[github-action-test-shield]: https://img.shields.io/github/actions/workflow/status/lobehub/lobe-icons/test.yml?label=test&labelColor=black&logo=githubactions&logoColor=white&style=flat-square
|
|
618
401
|
[github-contributors-link]: https://github.com/lobehub/lobe-icons/graphs/contributors
|
|
619
402
|
[github-contributors-shield]: https://img.shields.io/github/contributors/lobehub/lobe-icons?color=c4f042&labelColor=black&style=flat-square
|
|
@@ -625,7 +408,7 @@ This project is [MIT](./LICENSE) licensed.
|
|
|
625
408
|
[github-license-shield]: https://img.shields.io/github/license/lobehub/lobe-icons?color=white&labelColor=black&style=flat-square
|
|
626
409
|
[github-releasedate-link]: https://github.com/lobehub/lobe-icons/releases
|
|
627
410
|
[github-releasedate-shield]: https://img.shields.io/github/release-date/lobehub/lobe-icons?labelColor=black&style=flat-square
|
|
628
|
-
[github-stars-link]: https://github.com/lobehub/lobe-icons/
|
|
411
|
+
[github-stars-link]: https://github.com/lobehub/lobe-icons/stargazers
|
|
629
412
|
[github-stars-shield]: https://img.shields.io/github/stars/lobehub/lobe-icons?color=ffcb47&labelColor=black&style=flat-square
|
|
630
413
|
[npm-downloads-link]: https://www.npmjs.com/package/@lobehub/icons
|
|
631
414
|
[npm-downloads-shield]: https://img.shields.io/npm/dt/@lobehub/icons?labelColor=black&style=flat-square
|
|
@@ -635,4 +418,4 @@ This project is [MIT](./LICENSE) licensed.
|
|
|
635
418
|
[pr-welcome-shield]: https://img.shields.io/badge/🤯_pr_welcome-%E2%86%92-ffcb47?labelColor=black&style=for-the-badge
|
|
636
419
|
[profile-link]: https://github.com/lobehub
|
|
637
420
|
[vercel-link]: https://icons.lobehub.com
|
|
638
|
-
[vercel-shield]: https://img.shields.io/website?down_message=offline&label=vercel&labelColor=black&logo=vercel&style=flat-square&up_message=online&url=https%3A%2F%
|
|
421
|
+
[vercel-shield]: https://img.shields.io/website?down_message=offline&label=vercel&labelColor=black&logo=vercel&style=flat-square&up_message=online&url=https%3A%2F%2Ficons.lobehub.com
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lobehub/icons",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.2.0",
|
|
4
4
|
"description": "Popular AI / LLM Model Brand SVG Logo and Icon Collection",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"lobehub",
|
|
@@ -130,7 +130,7 @@
|
|
|
130
130
|
"devDependencies": {
|
|
131
131
|
"@babel/runtime": "^7.29.7",
|
|
132
132
|
"@commitlint/cli": "^19.8.1",
|
|
133
|
-
"@lobehub/docs-kit": "^6.0.
|
|
133
|
+
"@lobehub/docs-kit": "^6.0.3",
|
|
134
134
|
"@lobehub/fluent-emoji": "^5.0.0-beta.1",
|
|
135
135
|
"@lobehub/lint": "^1.26.3",
|
|
136
136
|
"@lobehub/ui": "^6.0.0",
|