@lobehub/icons 1.41.0 → 1.42.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 +249 -3
- package/es/Ai360/style.d.ts +1 -1
- package/es/Ai360/style.js +1 -1
- package/es/CogVideo/components/Avatar.d.ts +5 -0
- package/es/CogVideo/components/Avatar.js +27 -0
- package/es/CogVideo/components/Color.d.ts +3 -0
- package/es/CogVideo/components/Color.js +475 -0
- package/es/CogVideo/components/Combine.d.ts +7 -0
- package/es/CogVideo/components/Combine.js +30 -0
- package/es/CogVideo/components/Mono.d.ts +3 -0
- package/es/CogVideo/components/Mono.js +26 -0
- package/es/CogVideo/components/Text.d.ts +3 -0
- package/es/CogVideo/components/Text.js +39 -0
- package/es/CogVideo/index.d.ts +16 -0
- package/es/CogVideo/index.js +14 -0
- package/es/CogVideo/style.d.ts +4 -0
- package/es/CogVideo/style.js +4 -0
- package/es/CogView/components/Avatar.d.ts +5 -0
- package/es/CogView/components/Avatar.js +26 -0
- package/es/CogView/components/Color.d.ts +3 -0
- package/es/CogView/components/Color.js +593 -0
- package/es/CogView/components/Combine.d.ts +7 -0
- package/es/CogView/components/Combine.js +30 -0
- package/es/CogView/components/Mono.d.ts +3 -0
- package/es/CogView/components/Mono.js +26 -0
- package/es/CogView/components/Text.d.ts +3 -0
- package/es/CogView/components/Text.js +49 -0
- package/es/CogView/index.d.ts +16 -0
- package/es/CogView/index.js +14 -0
- package/es/CogView/style.d.ts +4 -0
- package/es/CogView/style.js +4 -0
- package/es/Kling/components/Avatar.d.ts +5 -0
- package/es/Kling/components/Avatar.js +26 -0
- package/es/Kling/components/Color.d.ts +3 -0
- package/es/Kling/components/Color.js +128 -0
- package/es/Kling/components/Combine.d.ts +7 -0
- package/es/Kling/components/Combine.js +30 -0
- package/es/Kling/components/Mono.d.ts +3 -0
- package/es/Kling/components/Mono.js +40 -0
- package/es/Kling/components/Text.d.ts +3 -0
- package/es/Kling/components/Text.js +38 -0
- package/es/Kling/index.d.ts +16 -0
- package/es/Kling/index.js +14 -0
- package/es/Kling/style.d.ts +4 -0
- package/es/Kling/style.js +4 -0
- package/es/Luma/components/Avatar.d.ts +5 -0
- package/es/Luma/components/Avatar.js +26 -0
- package/es/Luma/components/Color.d.ts +3 -0
- package/es/Luma/components/Color.js +143 -0
- package/es/Luma/components/Combine.d.ts +7 -0
- package/es/Luma/components/Combine.js +30 -0
- package/es/Luma/components/Mono.d.ts +3 -0
- package/es/Luma/components/Mono.js +43 -0
- package/es/Luma/components/Text.d.ts +3 -0
- package/es/Luma/components/Text.js +38 -0
- package/es/Luma/index.d.ts +16 -0
- package/es/Luma/index.js +14 -0
- package/es/Luma/style.d.ts +4 -0
- package/es/Luma/style.js +4 -0
- package/es/Runway/components/Avatar.d.ts +5 -0
- package/es/Runway/components/Avatar.js +25 -0
- package/es/Runway/components/Combine.d.ts +5 -0
- package/es/Runway/components/Combine.js +24 -0
- package/es/Runway/components/Mono.d.ts +3 -0
- package/es/Runway/components/Mono.js +39 -0
- package/es/Runway/components/Text.d.ts +3 -0
- package/es/Runway/components/Text.js +38 -0
- package/es/Runway/index.d.ts +13 -0
- package/es/Runway/index.js +12 -0
- package/es/Runway/style.d.ts +4 -0
- package/es/Runway/style.js +4 -0
- package/es/Viggle/components/Avatar.d.ts +5 -0
- package/es/Viggle/components/Avatar.js +25 -0
- package/es/Viggle/components/Combine.d.ts +5 -0
- package/es/Viggle/components/Combine.js +24 -0
- package/es/Viggle/components/Mono.d.ts +3 -0
- package/es/Viggle/components/Mono.js +40 -0
- package/es/Viggle/components/Text.d.ts +3 -0
- package/es/Viggle/components/Text.js +38 -0
- package/es/Viggle/index.d.ts +13 -0
- package/es/Viggle/index.js +12 -0
- package/es/Viggle/style.d.ts +4 -0
- package/es/Viggle/style.js +4 -0
- package/es/icons.d.ts +6 -0
- package/es/icons.js +6 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -38,6 +38,10 @@ Contributions, corrections & requests can be made on GitHub.
|
|
|
38
38
|
#### TOC
|
|
39
39
|
|
|
40
40
|
- [✨ Features](#-features)
|
|
41
|
+
- [🤯 CDN Usage](#-cdn-usage)
|
|
42
|
+
- [`A` CDN with SVG](#a-cdn-with-svg)
|
|
43
|
+
- [`B` CDN with PNG](#b-cdn-with-png)
|
|
44
|
+
- [`C` CDN with WEBP](#c-cdn-with-webp)
|
|
41
45
|
- [Static Packages](#static-packages)
|
|
42
46
|
- [📦 Installation](#-installation)
|
|
43
47
|
- [Compile with NextJS](#compile-with-nextjs)
|
|
@@ -62,15 +66,257 @@ Contributions, corrections & requests can be made on GitHub.
|
|
|
62
66
|
|
|
63
67
|
<!-- ICON LIST -->
|
|
64
68
|
|
|
65
|
-
| Model
|
|
66
|
-
|
|
|
67
|
-
| ✅ [Ai21Labs (Jamba)](https://icons.lobehub.com/components/ai-21)<br/>✅ [Aya (Cohere)](https://icons.lobehub.com/components/aya)<br/>✅ [Baichuan (百川)](https://icons.lobehub.com/components/baichuan)<br/>✅ [ChatGLM (智谱)](https://icons.lobehub.com/components/chat-glm)<br/>✅ [Claude](https://icons.lobehub.com/components/claude)<br/>✅ [CodeGeeX](https://icons.lobehub.com/components/code-gee-x)<br/>✅ [DALL·E (OpenAI)](https://icons.lobehub.com/components/dalle)<br/>✅ [DBRX (Databricks)](https://icons.lobehub.com/components/dbrx)<br/>✅ [DeepSeek](https://icons.lobehub.com/components/deep-seek)<br/>✅ [Doubao (豆包)](https://icons.lobehub.com/components/doubao)<br/>✅ [FishAudio (Bert)](https://icons.lobehub.com/components/fish-audio)<br/>✅ [Flux (black forest labs)](https://icons.lobehub.com/components/flux)<br/>✅ [Gemini (Google)](https://icons.lobehub.com/components/gemini)<br/>✅ [Gemma (Google)](https://icons.lobehub.com/components/gemma)<br/>✅ [Grok (xAI)](https://icons.lobehub.com/components/grok)<br/>✅ [Hunyuan (腾讯混元)](https://icons.lobehub.com/components/hunyuan)<br/>✅ [LLaVA](https://icons.lobehub.com/components/l-la-va)<br/>✅ [Magic](https://icons.lobehub.com/components/magic)<br/>✅ [Minimax](https://icons.lobehub.com/components/minimax)<br/>✅ [Mistral](https://icons.lobehub.com/components/mistral)<br/>✅ [OpenChat](https://icons.lobehub.com/components/open-chat)<br/>✅ [PaLM (Google)](https://icons.lobehub.com/components/pa-lm)<br/>✅ [Qwen (千问)](https://icons.lobehub.com/components/qwen)<br/>✅ [RWKV](https://icons.lobehub.com/components/rwkv)<br/>✅ [Spark (讯飞星火)](https://icons.lobehub.com/components/spark)<br/>✅ [Stepfun (阶跃星辰)](https://icons.lobehub.com/components/stepfun)<br/>✅ [Wenxin (文心)](https://icons.lobehub.com/components/wenxin)<br/>✅ [Yi (零一万物)](https://icons.lobehub.com/components/yi) | ✅ [01.AI (零一万物)](https://icons.lobehub.com/components/zero-one)<br/>✅ [Ai360 (360 智脑)](https://icons.lobehub.com/components/ai-360)<br/>✅ [AiMass (紫东太初)](https://icons.lobehub.com/components/ai-mass)<br/>✅ [Alibaba](https://icons.lobehub.com/components/alibaba)<br/>✅ [AntGroup](https://icons.lobehub.com/components/ant-group)<br/>✅ [Anthropic](https://icons.lobehub.com/components/anthropic)<br/>✅ [AWS](https://icons.lobehub.com/components/aws)<br/>✅ [Baidu](https://icons.lobehub.com/components/baidu)<br/>✅ [BaiduCloud (百度智能云)](https://icons.lobehub.com/components/baidu-cloud)<br/>✅ [Bedrock (AWS)](https://icons.lobehub.com/components/bedrock)<br/>✅ [ByteDance](https://icons.lobehub.com/components/byte-dance)<br/>✅ [Cloudflare](https://icons.lobehub.com/components/cloudflare)<br/>✅ [Cohere (Command)](https://icons.lobehub.com/components/cohere)<br/>✅ [DeepMind (Google)](https://icons.lobehub.com/components/deep-mind)<br/>✅ [Fireworks](https://icons.lobehub.com/components/fireworks)<br/>✅ [GiteeAI](https://icons.lobehub.com/components/gitee-ai)<br/>✅ [Github](https://icons.lobehub.com/components/github)<br/>✅ [Google](https://icons.lobehub.com/components/google)<br/>✅ [Groq](https://icons.lobehub.com/components/groq)<br/>✅ [Higress](https://icons.lobehub.com/components/higress)<br/>✅ [HuggingFace](https://icons.lobehub.com/components/hugging-face)<br/>✅ [InternLM](https://icons.lobehub.com/components/intern-lm)<br/>✅ [LM Studio](https://icons.lobehub.com/components/lm-studio)<br/>✅ [LobeHub](https://icons.lobehub.com/components/lobe-hub)<br/>✅ [Meta](https://icons.lobehub.com/components/meta)<br/>✅ [Microsoft (Azure)](https://icons.lobehub.com/components/azure)<br/>✅ [Moonshot (月之暗面)](https://icons.lobehub.com/components/moonshot)<br/>✅ [Novita](https://icons.lobehub.com/components/novita)<br/>✅ [Ollama](https://icons.lobehub.com/components/ollama)<br/>✅ [OpenAI (ChatGPT)](https://icons.lobehub.com/components/open-ai)<br/>✅ [OpenRouter](https://icons.lobehub.com/components/open-router)<br/>✅ [Perplexity](https://icons.lobehub.com/components/perplexity)<br/>✅ [Replicate](https://icons.lobehub.com/components/replicate)<br/>✅ [SenseNova](https://icons.lobehub.com/components/sense-nova)<br/>✅ [SiliconCloud (SiliconFlow)](https://icons.lobehub.com/components/silicon-cloud)<br/>✅ [Stability (StableDiffusion)](https://icons.lobehub.com/components/stability)<br/>✅ [Tencent](https://icons.lobehub.com/components/tencent)<br/>✅ [together.ai](https://icons.lobehub.com/components/together)<br/>✅ [Upstage](https://icons.lobehub.com/components/upstage)<br/>✅ [VertexAI (Google)](https://icons.lobehub.com/components/vertex-ai)<br/>✅ [vLLM](https://icons.lobehub.com/components/vllm)<br/>✅ [WorkersAI (Cloudflare)](https://icons.lobehub.com/components/workers-ai)<br/>✅ [xAI](https://icons.lobehub.com/components/xai)<br/>✅ [Zhipu (智谱)](https://icons.lobehub.com/components/zhipu) | ✅ [Adobe](https://icons.lobehub.com/components/adobe)<br/>✅ [Automatic1111 (SD Webui)](https://icons.lobehub.com/components/automatic)<br/>✅ [Firefly (Adobe)](https://icons.lobehub.com/components/adobe-firefly)<br/>✅ [Github Copilot](https://icons.lobehub.com/components/github-copilot)<br/>✅ [Google (Colab)](https://icons.lobehub.com/components/colab)<br/>✅ [Langfuse](https://icons.lobehub.com/components/langfuse)<br/>✅ [Microsoft Copilot](https://icons.lobehub.com/components/copilot)<br/>✅ [Midjourney](https://icons.lobehub.com/components/midjourney)<br/>✅ [Nvidia (ChatWithRTX)](https://icons.lobehub.com/components/nvidia)<br/>✅ [Pollinations](https://icons.lobehub.com/components/pollinations)<br/>✅ [Qingyan (智谱清言)](https://icons.lobehub.com/components/qingyan)<br/>✅ [Suno](https://icons.lobehub.com/components/suno)<br/>✅ [Zeabur](https://icons.lobehub.com/components/zeabur) |
|
|
69
|
+
| Model | Provider | Application |
|
|
70
|
+
| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
71
|
+
| ✅ [Ai21Labs (Jamba)](https://icons.lobehub.com/components/ai-21)<br/>✅ [Aya (Cohere)](https://icons.lobehub.com/components/aya)<br/>✅ [Baichuan (百川)](https://icons.lobehub.com/components/baichuan)<br/>✅ [ChatGLM (智谱)](https://icons.lobehub.com/components/chat-glm)<br/>✅ [Claude](https://icons.lobehub.com/components/claude)<br/>✅ [CodeGeeX](https://icons.lobehub.com/components/code-gee-x)<br/>✅ [CogVideo](https://icons.lobehub.com/components/cog-video)<br/>✅ [CogView](https://icons.lobehub.com/components/cog-view)<br/>✅ [DALL·E (OpenAI)](https://icons.lobehub.com/components/dalle)<br/>✅ [DBRX (Databricks)](https://icons.lobehub.com/components/dbrx)<br/>✅ [DeepSeek](https://icons.lobehub.com/components/deep-seek)<br/>✅ [Doubao (豆包)](https://icons.lobehub.com/components/doubao)<br/>✅ [FishAudio (Bert)](https://icons.lobehub.com/components/fish-audio)<br/>✅ [Flux (black forest labs)](https://icons.lobehub.com/components/flux)<br/>✅ [Gemini (Google)](https://icons.lobehub.com/components/gemini)<br/>✅ [Gemma (Google)](https://icons.lobehub.com/components/gemma)<br/>✅ [Grok (xAI)](https://icons.lobehub.com/components/grok)<br/>✅ [Hunyuan (腾讯混元)](https://icons.lobehub.com/components/hunyuan)<br/>✅ [LLaVA](https://icons.lobehub.com/components/l-la-va)<br/>✅ [Magic](https://icons.lobehub.com/components/magic)<br/>✅ [Minimax](https://icons.lobehub.com/components/minimax)<br/>✅ [Mistral](https://icons.lobehub.com/components/mistral)<br/>✅ [OpenChat](https://icons.lobehub.com/components/open-chat)<br/>✅ [PaLM (Google)](https://icons.lobehub.com/components/pa-lm)<br/>✅ [Qwen (千问)](https://icons.lobehub.com/components/qwen)<br/>✅ [RWKV](https://icons.lobehub.com/components/rwkv)<br/>✅ [Spark (讯飞星火)](https://icons.lobehub.com/components/spark)<br/>✅ [Stepfun (阶跃星辰)](https://icons.lobehub.com/components/stepfun)<br/>✅ [Wenxin (文心)](https://icons.lobehub.com/components/wenxin)<br/>✅ [Yi (零一万物)](https://icons.lobehub.com/components/yi) | ✅ [01.AI (零一万物)](https://icons.lobehub.com/components/zero-one)<br/>✅ [Ai360 (360 智脑)](https://icons.lobehub.com/components/ai-360)<br/>✅ [AiMass (紫东太初)](https://icons.lobehub.com/components/ai-mass)<br/>✅ [Alibaba](https://icons.lobehub.com/components/alibaba)<br/>✅ [AntGroup](https://icons.lobehub.com/components/ant-group)<br/>✅ [Anthropic](https://icons.lobehub.com/components/anthropic)<br/>✅ [AWS](https://icons.lobehub.com/components/aws)<br/>✅ [Baidu](https://icons.lobehub.com/components/baidu)<br/>✅ [BaiduCloud (百度智能云)](https://icons.lobehub.com/components/baidu-cloud)<br/>✅ [Bedrock (AWS)](https://icons.lobehub.com/components/bedrock)<br/>✅ [ByteDance](https://icons.lobehub.com/components/byte-dance)<br/>✅ [Cloudflare](https://icons.lobehub.com/components/cloudflare)<br/>✅ [Cohere (Command)](https://icons.lobehub.com/components/cohere)<br/>✅ [DeepMind (Google)](https://icons.lobehub.com/components/deep-mind)<br/>✅ [Fireworks](https://icons.lobehub.com/components/fireworks)<br/>✅ [GiteeAI](https://icons.lobehub.com/components/gitee-ai)<br/>✅ [Github](https://icons.lobehub.com/components/github)<br/>✅ [Google](https://icons.lobehub.com/components/google)<br/>✅ [Groq](https://icons.lobehub.com/components/groq)<br/>✅ [Higress](https://icons.lobehub.com/components/higress)<br/>✅ [HuggingFace](https://icons.lobehub.com/components/hugging-face)<br/>✅ [InternLM](https://icons.lobehub.com/components/intern-lm)<br/>✅ [LM Studio](https://icons.lobehub.com/components/lm-studio)<br/>✅ [LobeHub](https://icons.lobehub.com/components/lobe-hub)<br/>✅ [Meta](https://icons.lobehub.com/components/meta)<br/>✅ [Microsoft (Azure)](https://icons.lobehub.com/components/azure)<br/>✅ [Moonshot (月之暗面)](https://icons.lobehub.com/components/moonshot)<br/>✅ [Novita](https://icons.lobehub.com/components/novita)<br/>✅ [Ollama](https://icons.lobehub.com/components/ollama)<br/>✅ [OpenAI (ChatGPT)](https://icons.lobehub.com/components/open-ai)<br/>✅ [OpenRouter](https://icons.lobehub.com/components/open-router)<br/>✅ [Perplexity](https://icons.lobehub.com/components/perplexity)<br/>✅ [Replicate](https://icons.lobehub.com/components/replicate)<br/>✅ [SenseNova](https://icons.lobehub.com/components/sense-nova)<br/>✅ [SiliconCloud (SiliconFlow)](https://icons.lobehub.com/components/silicon-cloud)<br/>✅ [Stability (StableDiffusion)](https://icons.lobehub.com/components/stability)<br/>✅ [Tencent](https://icons.lobehub.com/components/tencent)<br/>✅ [together.ai](https://icons.lobehub.com/components/together)<br/>✅ [Upstage](https://icons.lobehub.com/components/upstage)<br/>✅ [VertexAI (Google)](https://icons.lobehub.com/components/vertex-ai)<br/>✅ [vLLM](https://icons.lobehub.com/components/vllm)<br/>✅ [WorkersAI (Cloudflare)](https://icons.lobehub.com/components/workers-ai)<br/>✅ [xAI](https://icons.lobehub.com/components/xai)<br/>✅ [Zhipu (智谱)](https://icons.lobehub.com/components/zhipu) | ✅ [Adobe](https://icons.lobehub.com/components/adobe)<br/>✅ [Automatic1111 (SD Webui)](https://icons.lobehub.com/components/automatic)<br/>✅ [Firefly (Adobe)](https://icons.lobehub.com/components/adobe-firefly)<br/>✅ [Github Copilot](https://icons.lobehub.com/components/github-copilot)<br/>✅ [Google (Colab)](https://icons.lobehub.com/components/colab)<br/>✅ [Langfuse](https://icons.lobehub.com/components/langfuse)<br/>✅ [Microsoft Copilot](https://icons.lobehub.com/components/copilot)<br/>✅ [Midjourney](https://icons.lobehub.com/components/midjourney)<br/>✅ [Nvidia (ChatWithRTX)](https://icons.lobehub.com/components/nvidia)<br/>✅ [Pollinations](https://icons.lobehub.com/components/pollinations)<br/>✅ [Qingyan (智谱清言)](https://icons.lobehub.com/components/qingyan)<br/>✅ [Runway](https://icons.lobehub.com/components/runway)<br/>✅ [Suno](https://icons.lobehub.com/components/suno)<br/>✅ [Viggle](https://icons.lobehub.com/components/viggle)<br/>✅ [Zeabur](https://icons.lobehub.com/components/zeabur) |
|
|
68
72
|
|
|
69
73
|
<!-- ICON LIST -->
|
|
70
74
|
|
|
71
75
|
> \[!TIP]\
|
|
72
76
|
> More brands are being added, and `PR` welcome.
|
|
73
77
|
|
|
78
|
+
<div align="right">
|
|
79
|
+
|
|
80
|
+
[![][back-to-top]](#readme-top)
|
|
81
|
+
|
|
82
|
+
</div>
|
|
83
|
+
|
|
84
|
+
## 🤯 CDN Usage
|
|
85
|
+
|
|
86
|
+
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:
|
|
87
|
+
|
|
88
|
+
### `A` CDN with SVG
|
|
89
|
+
|
|
90
|
+
We provide a CDN service (`@lobehub/icons-static-svg`) which allows you to use SVG.
|
|
91
|
+
|
|
92
|
+
```html
|
|
93
|
+
<!--UNPKG-->
|
|
94
|
+
<img height="64" src="https://unpkg.com/@lobehub/icons-static-svg@latest/icons/[ICON SLUG].svg" />
|
|
95
|
+
|
|
96
|
+
<!--ALIYUN-->
|
|
97
|
+
<img
|
|
98
|
+
height="64"
|
|
99
|
+
src="https://registry.npmmirror.com/@lobehub/icons-static-svg/latest/files/icons/[ICON SLUG].svg"
|
|
100
|
+
/>
|
|
101
|
+
```
|
|
102
|
+
|
|
103
|
+
#### Example
|
|
104
|
+
|
|
105
|
+
<img height="64" src="https://registry.npmmirror.com/@lobehub/icons-static-svg/latest/files/icons/open-ai.svg">
|
|
106
|
+
|
|
107
|
+
```html
|
|
108
|
+
<!--UNPKG-->
|
|
109
|
+
<img height="64" src="https://unpkg.com/@lobehub/icons-static-svg@latest/icons/open-ai.svg" />
|
|
110
|
+
|
|
111
|
+
<!--ALIYUN-->
|
|
112
|
+
<img
|
|
113
|
+
height="64"
|
|
114
|
+
src="https://registry.npmmirror.com/@lobehub/icons-static-svg/latest/files/icons/open-ai.svg"
|
|
115
|
+
/>
|
|
116
|
+
```
|
|
117
|
+
|
|
118
|
+
<img height="64" src="https://registry.npmmirror.com/@lobehub/icons-static-svg/latest/files/icons/open-ai-text.svg">
|
|
119
|
+
|
|
120
|
+
```html
|
|
121
|
+
<!--UNPKG-->
|
|
122
|
+
<img height="64" src="https://unpkg.com/@lobehub/icons-static-svg@latest/icons/open-ai-text.svg" />
|
|
123
|
+
|
|
124
|
+
<!--ALIYUN-->
|
|
125
|
+
<img
|
|
126
|
+
height="64"
|
|
127
|
+
src="https://registry.npmmirror.com/@lobehub/icons-static-svg/latest/files/icons/open-ai-text.svg"
|
|
128
|
+
/>
|
|
129
|
+
```
|
|
130
|
+
|
|
131
|
+
<br/>
|
|
132
|
+
|
|
133
|
+
### `B` CDN with PNG
|
|
134
|
+
|
|
135
|
+
We provide a CDN service (`@lobehub/icons-static-png`) which allows you to use PNG.
|
|
136
|
+
|
|
137
|
+
```html
|
|
138
|
+
<!--UNPKG-->
|
|
139
|
+
<picture>
|
|
140
|
+
<source
|
|
141
|
+
media="(prefers-color-scheme: dark)"
|
|
142
|
+
srcset="https://unpkg.com/@lobehub/icons-static-png@latest/dark/[ICON SLUG].png"
|
|
143
|
+
/>
|
|
144
|
+
<img height="64" src="https://unpkg.com/@lobehub/icons-static-png@latest/light/[ICON SLUG].png" />
|
|
145
|
+
</picture>
|
|
146
|
+
|
|
147
|
+
<!--ALIYUN-->
|
|
148
|
+
<picture>
|
|
149
|
+
<source
|
|
150
|
+
media="(prefers-color-scheme: dark)"
|
|
151
|
+
srcset="https://registry.npmmirror.com/@lobehub/icons-static-png/latest/files/dark/[ICON SLUG].png"
|
|
152
|
+
/>
|
|
153
|
+
<img
|
|
154
|
+
height="64"
|
|
155
|
+
src="https://registry.npmmirror.com/@lobehub/icons-static-png/latest/files/light/[ICON SLUG].png"
|
|
156
|
+
/>
|
|
157
|
+
</picture>
|
|
158
|
+
```
|
|
159
|
+
|
|
160
|
+
#### Example
|
|
161
|
+
|
|
162
|
+
<picture>
|
|
163
|
+
<source media="(prefers-color-scheme: dark)" srcset="https://registry.npmmirror.com/@lobehub/icons-static-png/latest/files/dark/open-ai.png">
|
|
164
|
+
<img height="64" src="https://registry.npmmirror.com/@lobehub/icons-static-png/latest/files/light/open-ai.png">
|
|
165
|
+
</picture>
|
|
166
|
+
|
|
167
|
+
```html
|
|
168
|
+
<!--UNPKG-->
|
|
169
|
+
<picture>
|
|
170
|
+
<source
|
|
171
|
+
media="(prefers-color-scheme: dark)"
|
|
172
|
+
srcset="https://unpkg.com/@lobehub/icons-static-png@latest/dark/open-ai.png"
|
|
173
|
+
/>
|
|
174
|
+
<img height="64" src="https://unpkg.com/@lobehub/icons-static-png@latest/light/open-ai.png" />
|
|
175
|
+
</picture>
|
|
176
|
+
|
|
177
|
+
<!--ALIYUN-->
|
|
178
|
+
<picture>
|
|
179
|
+
<source
|
|
180
|
+
media="(prefers-color-scheme: dark)"
|
|
181
|
+
srcset="https://registry.npmmirror.com/@lobehub/icons-static-png/latest/files/dark/open-ai.png"
|
|
182
|
+
/>
|
|
183
|
+
<img
|
|
184
|
+
height="64"
|
|
185
|
+
src="https://registry.npmmirror.com/@lobehub/icons-static-png/latest/files/light/open-ai.png"
|
|
186
|
+
/>
|
|
187
|
+
</picture>
|
|
188
|
+
```
|
|
189
|
+
|
|
190
|
+
<picture>
|
|
191
|
+
<source media="(prefers-color-scheme: dark)" srcset="https://registry.npmmirror.com/@lobehub/icons-static-png/latest/files/dark/open-ai-text.png">
|
|
192
|
+
<img height="64" src="https://registry.npmmirror.com/@lobehub/icons-static-png/latest/files/light/open-ai-text.png">
|
|
193
|
+
</picture>
|
|
194
|
+
|
|
195
|
+
```html
|
|
196
|
+
<!--UNPKG-->
|
|
197
|
+
<picture>
|
|
198
|
+
<source
|
|
199
|
+
media="(prefers-color-scheme: dark)"
|
|
200
|
+
srcset="https://unpkg.com/@lobehub/icons-static-png@latest/dark/open-ai-text.png"
|
|
201
|
+
/>
|
|
202
|
+
<img
|
|
203
|
+
height="64"
|
|
204
|
+
src="https://unpkg.com/@lobehub/icons-static-png@latest/light/open-ai-text.png"
|
|
205
|
+
/>
|
|
206
|
+
</picture>
|
|
207
|
+
|
|
208
|
+
<!--ALIYUN-->
|
|
209
|
+
<picture>
|
|
210
|
+
<source
|
|
211
|
+
media="(prefers-color-scheme: dark)"
|
|
212
|
+
srcset="
|
|
213
|
+
https://registry.npmmirror.com/@lobehub/icons-static-png/latest/files/dark/open-ai-text.png
|
|
214
|
+
"
|
|
215
|
+
/>
|
|
216
|
+
<img
|
|
217
|
+
height="64"
|
|
218
|
+
src="https://registry.npmmirror.com/@lobehub/icons-static-png/latest/files/light/open-ai-text.png"
|
|
219
|
+
/>
|
|
220
|
+
</picture>
|
|
221
|
+
```
|
|
222
|
+
|
|
223
|
+
<br/>
|
|
224
|
+
|
|
225
|
+
### `C` CDN with WEBP
|
|
226
|
+
|
|
227
|
+
We provide a CDN service (`@lobehub/icons-static-webp`) which allows you to use WEBP.
|
|
228
|
+
|
|
229
|
+
```html
|
|
230
|
+
<!--UNPKG-->
|
|
231
|
+
<picture>
|
|
232
|
+
<source
|
|
233
|
+
media="(prefers-color-scheme: dark)"
|
|
234
|
+
srcset="https://unpkg.com/@lobehub/icons-static-webp@latest/dark/[ICON SLUG].webp"
|
|
235
|
+
/>
|
|
236
|
+
<img
|
|
237
|
+
height="64"
|
|
238
|
+
src="https://unpkg.com/@lobehub/icons-static-webp@latest/light/[ICON SLUG].webp"
|
|
239
|
+
/>
|
|
240
|
+
</picture>
|
|
241
|
+
|
|
242
|
+
<!--ALIYUN-->
|
|
243
|
+
<picture>
|
|
244
|
+
<source
|
|
245
|
+
media="(prefers-color-scheme: dark)"
|
|
246
|
+
srcset="https://registry.npmmirror.com/@lobehub/icons-static-webp/latest/files/dark/[ICON SLUG].webp"
|
|
247
|
+
/>
|
|
248
|
+
<img
|
|
249
|
+
height="64"
|
|
250
|
+
src="https://registry.npmmirror.com/@lobehub/icons-static-webp/latest/files/light/[ICON SLUG].webp"
|
|
251
|
+
/>
|
|
252
|
+
</picture>
|
|
253
|
+
```
|
|
254
|
+
|
|
255
|
+
#### Example
|
|
256
|
+
|
|
257
|
+
<picture>
|
|
258
|
+
<source media="(prefers-color-scheme: dark)" srcset="https://registry.npmmirror.com/@lobehub/icons-static-webp/latest/files/dark/open-ai.webp">
|
|
259
|
+
<img height="64" src="https://registry.npmmirror.com/@lobehub/icons-static-webp/latest/files/light/open-ai.webp">
|
|
260
|
+
</picture>
|
|
261
|
+
|
|
262
|
+
```html
|
|
263
|
+
<!--UNPKG-->
|
|
264
|
+
<picture>
|
|
265
|
+
<source
|
|
266
|
+
media="(prefers-color-scheme: dark)"
|
|
267
|
+
srcset="https://unpkg.com/@lobehub/icons-static-webp@latest/dark/open-ai.webp"
|
|
268
|
+
/>
|
|
269
|
+
<img height="64" src="https://unpkg.com/@lobehub/icons-static-webp@latest/light/open-ai.webp" />
|
|
270
|
+
</picture>
|
|
271
|
+
|
|
272
|
+
<!--ALIYUN-->
|
|
273
|
+
<picture>
|
|
274
|
+
<source
|
|
275
|
+
media="(prefers-color-scheme: dark)"
|
|
276
|
+
srcset="
|
|
277
|
+
https://registry.npmmirror.com/@lobehub/icons-static-webp/latest/files/dark/open-ai.webp
|
|
278
|
+
"
|
|
279
|
+
/>
|
|
280
|
+
<img
|
|
281
|
+
height="64"
|
|
282
|
+
src="https://registry.npmmirror.com/@lobehub/icons-static-webp/latest/files/light/open-ai.webp"
|
|
283
|
+
/>
|
|
284
|
+
</picture>
|
|
285
|
+
```
|
|
286
|
+
|
|
287
|
+
<picture>
|
|
288
|
+
<source media="(prefers-color-scheme: dark)" srcset="https://registry.npmmirror.com/@lobehub/icons-static-webp/latest/files/dark/open-ai-text.webp">
|
|
289
|
+
<img height="64" src="https://registry.npmmirror.com/@lobehub/icons-static-webp/latest/files/light/open-ai-text.webp">
|
|
290
|
+
</picture>
|
|
291
|
+
|
|
292
|
+
```html
|
|
293
|
+
<!--UNPKG-->
|
|
294
|
+
<picture>
|
|
295
|
+
<source
|
|
296
|
+
media="(prefers-color-scheme: dark)"
|
|
297
|
+
srcset="https://unpkg.com/@lobehub/icons-static-webp@latest/dark/open-ai-text.webp"
|
|
298
|
+
/>
|
|
299
|
+
<img
|
|
300
|
+
height="64"
|
|
301
|
+
src="https://unpkg.com/@lobehub/icons-static-webp@latest/light/open-ai-text.webp"
|
|
302
|
+
/>
|
|
303
|
+
</picture>
|
|
304
|
+
|
|
305
|
+
<!--ALIYUN-->
|
|
306
|
+
<picture>
|
|
307
|
+
<source
|
|
308
|
+
media="(prefers-color-scheme: dark)"
|
|
309
|
+
srcset="
|
|
310
|
+
https://registry.npmmirror.com/@lobehub/icons-static-webp/latest/files/dark/open-ai-text.webp
|
|
311
|
+
"
|
|
312
|
+
/>
|
|
313
|
+
<img
|
|
314
|
+
height="64"
|
|
315
|
+
src="https://registry.npmmirror.com/@lobehub/icons-static-webp/latest/files/light/open-ai-text.webp"
|
|
316
|
+
/>
|
|
317
|
+
</picture>
|
|
318
|
+
```
|
|
319
|
+
|
|
74
320
|
<br/>
|
|
75
321
|
|
|
76
322
|
### Static Packages
|
package/es/Ai360/style.d.ts
CHANGED
package/es/Ai360/style.js
CHANGED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
+
var _excluded = ["background", "size"];
|
|
3
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
7
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
8
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
9
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
10
|
+
import { memo } from 'react';
|
|
11
|
+
import IconAvatar from "../../features/IconAvatar";
|
|
12
|
+
import { COLOR_PRIMARY, TITLE } from "../style";
|
|
13
|
+
import Color from "./Color";
|
|
14
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
|
+
var Avatar = /*#__PURE__*/memo(function (_ref) {
|
|
16
|
+
var background = _ref.background,
|
|
17
|
+
size = _ref.size,
|
|
18
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
19
|
+
return /*#__PURE__*/_jsx(IconAvatar, _objectSpread({
|
|
20
|
+
Icon: Color,
|
|
21
|
+
"aria-label": TITLE,
|
|
22
|
+
background: background || COLOR_PRIMARY,
|
|
23
|
+
iconMultiple: 0.65,
|
|
24
|
+
size: size
|
|
25
|
+
}, rest));
|
|
26
|
+
});
|
|
27
|
+
export default Avatar;
|