@lobehub/icons-static-webp 1.0.0 → 1.1.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.
Files changed (40) hide show
  1. package/README.md +115 -0
  2. package/dark/cog-video-color.webp +0 -0
  3. package/dark/cog-video-text.webp +0 -0
  4. package/dark/cog-video.webp +0 -0
  5. package/dark/cog-view-color.webp +0 -0
  6. package/dark/cog-view-text.webp +0 -0
  7. package/dark/cog-view.webp +0 -0
  8. package/dark/kling-color.webp +0 -0
  9. package/dark/kling-text.webp +0 -0
  10. package/dark/kling.webp +0 -0
  11. package/dark/luma-color.webp +0 -0
  12. package/dark/luma-text.webp +0 -0
  13. package/dark/luma.webp +0 -0
  14. package/dark/runway-text.webp +0 -0
  15. package/dark/runway.webp +0 -0
  16. package/dark/viggle-text.webp +0 -0
  17. package/dark/viggle.webp +0 -0
  18. package/light/cog-video-color.webp +0 -0
  19. package/light/cog-video-text.webp +0 -0
  20. package/light/cog-video.webp +0 -0
  21. package/light/cog-view-color.webp +0 -0
  22. package/light/cog-view-text.webp +0 -0
  23. package/light/cog-view.webp +0 -0
  24. package/light/kling-color.webp +0 -0
  25. package/light/kling-text.webp +0 -0
  26. package/light/kling.webp +0 -0
  27. package/light/luma-color.webp +0 -0
  28. package/light/luma-text.webp +0 -0
  29. package/light/luma.webp +0 -0
  30. package/light/runway-text.webp +0 -0
  31. package/light/runway.webp +0 -0
  32. package/light/viggle-text.webp +0 -0
  33. package/light/viggle.webp +0 -0
  34. package/package.json +1 -1
  35. /package/dark/{360-/346/231/272/350/204/221-color.webp" → ai-360-color.webp} +0 -0
  36. /package/dark/{360-/346/231/272/350/204/221-text.webp" → ai-360-text.webp} +0 -0
  37. /package/dark/{360-/346/231/272/350/204/221.webp" → ai-360.webp} +0 -0
  38. /package/light/{360-/346/231/272/350/204/221-color.webp" → ai-360-color.webp} +0 -0
  39. /package/light/{360-/346/231/272/350/204/221-text.webp" → ai-360-text.webp} +0 -0
  40. /package/light/{360-/346/231/272/350/204/221.webp" → ai-360.webp} +0 -0
package/README.md CHANGED
@@ -34,6 +34,121 @@ Contributions, corrections & requests can be made on GitHub.
34
34
 
35
35
  </div>
36
36
 
37
+ ## 🤯 CDN Usage
38
+
39
+ 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:
40
+
41
+ ```html
42
+ <!--UNPKG-->
43
+ <picture>
44
+ <source
45
+ media="(prefers-color-scheme: dark)"
46
+ srcset="https://unpkg.com/@lobehub/icons-static-webp@latest/dark/[ICON SLUG].webp"
47
+ />
48
+ <img
49
+ height="64"
50
+ src="https://unpkg.com/@lobehub/icons-static-webp@latest/light/[ICON SLUG].webp"
51
+ />
52
+ </picture>
53
+
54
+ <!--ALIYUN-->
55
+ <picture>
56
+ <source
57
+ media="(prefers-color-scheme: dark)"
58
+ srcset="https://registry.npmmirror.com/@lobehub/icons-static-webp/latest/files/dark/[ICON SLUG].webp"
59
+ />
60
+ <img
61
+ height="64"
62
+ src="https://registry.npmmirror.com/@lobehub/icons-static-webp/latest/files/light/[ICON SLUG].webp"
63
+ />
64
+ </picture>
65
+ ```
66
+
67
+ ### Example
68
+
69
+ <picture>
70
+ <source media="(prefers-color-scheme: dark)" srcset="https://registry.npmmirror.com/@lobehub/icons-static-webp/latest/files/dark/open-ai.webp">
71
+ <img height="64" src="https://registry.npmmirror.com/@lobehub/icons-static-webp/latest/files/light/open-ai.webp">
72
+ </picture>
73
+
74
+ ```html
75
+ <!--UNPKG-->
76
+ <picture>
77
+ <source
78
+ media="(prefers-color-scheme: dark)"
79
+ srcset="https://unpkg.com/@lobehub/icons-static-webp@latest/dark/open-ai.webp"
80
+ />
81
+ <img height="64" src="https://unpkg.com/@lobehub/icons-static-webp@latest/light/open-ai.webp" />
82
+ </picture>
83
+
84
+ <!--ALIYUN-->
85
+ <picture>
86
+ <source
87
+ media="(prefers-color-scheme: dark)"
88
+ srcset="
89
+ https://registry.npmmirror.com/@lobehub/icons-static-webp/latest/files/dark/open-ai.webp
90
+ "
91
+ />
92
+ <img
93
+ height="64"
94
+ src="https://registry.npmmirror.com/@lobehub/icons-static-webp/latest/files/light/open-ai.webp"
95
+ />
96
+ </picture>
97
+ ```
98
+
99
+ <picture>
100
+ <source media="(prefers-color-scheme: dark)" srcset="https://registry.npmmirror.com/@lobehub/icons-static-webp/latest/files/dark/open-ai-text.webp">
101
+ <img height="64" src="https://registry.npmmirror.com/@lobehub/icons-static-webp/latest/files/light/open-ai-text.webp">
102
+ </picture>
103
+
104
+ ```html
105
+ <!--UNPKG-->
106
+ <picture>
107
+ <source
108
+ media="(prefers-color-scheme: dark)"
109
+ srcset="https://unpkg.com/@lobehub/icons-static-webp@latest/dark/open-ai-text.webp"
110
+ />
111
+ <img
112
+ height="64"
113
+ src="https://unpkg.com/@lobehub/icons-static-webp@latest/light/open-ai-text.webp"
114
+ />
115
+ </picture>
116
+
117
+ <!--ALIYUN-->
118
+ <picture>
119
+ <source
120
+ media="(prefers-color-scheme: dark)"
121
+ srcset="
122
+ https://registry.npmmirror.com/@lobehub/icons-static-webp/latest/files/dark/open-ai-text.webp
123
+ "
124
+ />
125
+ <img
126
+ height="64"
127
+ src="https://registry.npmmirror.com/@lobehub/icons-static-webp/latest/files/light/open-ai-text.webp"
128
+ />
129
+ </picture>
130
+ ```
131
+
132
+ <div align="right">
133
+
134
+ [!\[\]\[back-to-top\]](#readme-top)
135
+
136
+ </div>
137
+
138
+ ## 📦 Static Packages
139
+
140
+ | Package | FileType | Version |
141
+ | -------------------------------------------------------------------------------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
142
+ | [@lobehub/icons-static-svg](https://www.npmjs.com/package/@lobehub/icons-static-svg) | `SVG` | [![](https://img.shields.io/npm/v/@lobehub/icons-static-svg?color=369eff&labelColor=black&logo=npm&logoColor=white&style=flat-square)](https://www.npmjs.com/package/@lobehub/icons-static-svg) |
143
+ | [@lobehub/icons-static-png](https://www.npmjs.com/package/@lobehub/icons-static-png) | `PNG` | [![](https://img.shields.io/npm/v/@lobehub/icons-static-png?color=369eff&labelColor=black&logo=npm&logoColor=white&style=flat-square)](https://www.npmjs.com/package/@lobehub/icons-static-png) |
144
+ | [@lobehub/icons-static-webp](https://www.npmjs.com/package/@lobehub/icons-static-webp) | `WEBP` | [![](https://img.shields.io/npm/v/@lobehub/icons-static-webp?color=369eff&labelColor=black&logo=npm&logoColor=white&style=flat-square)](https://www.npmjs.com/package/@lobehub/icons-static-webp) |
145
+
146
+ <div align="right">
147
+
148
+ [!\[\]\[back-to-top\]](#readme-top)
149
+
150
+ </div>
151
+
37
152
  ---
38
153
 
39
154
  <details><summary><h4>📝 License</h4></summary>
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
package/dark/luma.webp ADDED
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lobehub/icons-static-webp",
3
- "version": "1.0.0",
3
+ "version": "1.1.0",
4
4
  "description": "Popular AI / LLM Model Brand SVG Logo and Icon Collection",
5
5
  "keywords": [
6
6
  "lobehub",