✨ feat: add ZenMux (#212)

* ✨ feat: 添加 ZenMux 组件及相关功能 (#210) * ✨ feat: Add Add ZenMux logo --------- Co-authored-by: sxjeru <[email protected]>
2026-09-24 16:59:52 +00:00 · 2025-11-24 11:10:19 +08:00
parent abb182c16f
commit 4cdfcf6782
20 changed files with 425 additions and 21 deletions
@@ -76,6 +76,7 @@ import Wenxin from '../icons/Wenxin';
 import WorkersAI from '../icons/WorkersAI';
 import XAI from '../icons/XAI';
 import Xinference from '../icons/Xinference';
+import ZenMux from '../icons/ZenMux';
 import ZeroOne from '../icons/ZeroOne';
 import Zhipu from '../icons/Zhipu';
 import Combine from './ProviderCombine/Combine';
@@ -275,7 +276,7 @@ export const rnProviderMappings: RNProviderMapping[] = [
        left={
          <Ollama.Combine
            extra={'Cloud'}
-            extraStyle={{ fontSize: 21, fontWeight: 500, marginLeft: 3 }}
+            extraStyle={{ fontSize: '1.3em', fontWeight: 500, marginLeft: '0.2em' }}
            size={size * 1.16}
          />
        }
@@ -290,4 +291,10 @@ export const rnProviderMappings: RNProviderMapping[] = [
  { Icon: LongCat, combineMultiple: 1, keywords: [RNModelProvider.LongCat] },
  { Icon: Cerebras, combineMultiple: 1, keywords: [RNModelProvider.Cerebras] },
  { Icon: Straico, combineMultiple: 1, keywords: [RNModelProvider.Straico] },
+  {
+    Icon: ZenMux,
+    combineMultiple: 1,
+    keywords: [RNModelProvider.ZenMux],
+    props: { inverse: true },
+  },
 ];
@@ -70,6 +70,7 @@ export enum RNModelProvider {
  Wenxin = 'wenxin',
  XAI = 'xai',
  Xinference = 'xinference',
+  ZenMux = 'zenmux',
  ZeroOne = 'zeroone',
  ZhiPu = 'zhipu',
 }
@@ -0,0 +1,22 @@
+import React, { memo } from 'react';
+
+import { RNIconAvatar, type RNIconAvatarProps } from '@/features';
+
+import { AVATAR_BACKGROUND, AVATAR_COLOR, AVATAR_ICON_MULTIPLE, TITLE } from '../style';
+import Mono from './Mono';
+
+export type AvatarProps = Omit<RNIconAvatarProps, 'Icon'>;
+
+const Avatar = memo<AvatarProps>(({ background, ...rest }) => {
+  return (
+    <RNIconAvatar
+      Icon={Mono}
+      aria-label={TITLE}
+      background={background || AVATAR_BACKGROUND}
+      color={AVATAR_COLOR}
+      iconMultiple={AVATAR_ICON_MULTIPLE}
+      {...rest}
+    />
+  );
+});
+export default Avatar;
@@ -0,0 +1,22 @@
+import React, { memo } from 'react';
+
+import { RNIconCombine, type RNIconCombineProps } from '@/features';
+
+import { COMBINE_SPACE_MULTIPLE, COMBINE_TEXT_MULTIPLE, TITLE } from '../style';
+import Mono from './Mono';
+import Text from './Text';
+
+const Combine = memo<RNIconCombineProps>(({ ...rest }) => {
+  return (
+    <RNIconCombine
+      Icon={Mono}
+      Text={Text}
+      aria-label={TITLE}
+      spaceMultiple={COMBINE_SPACE_MULTIPLE}
+      textMultiple={COMBINE_TEXT_MULTIPLE}
+      {...rest}
+    />
+  );
+});
+
+export default Combine;
@@ -0,0 +1,31 @@
+import React, { memo } from 'react';
+import { G, Path, Svg } from 'react-native-svg';
+
+import type { RNIconProps } from '@/features';
+
+const Icon = memo<RNIconProps>(({ size = 24, style, color = '#000000', ...rest }) => {
+  return (
+    <Svg
+      color={color}
+      fillRule="evenodd"
+      height={size}
+      style={style}
+      viewBox="0 0 24 24"
+      width={size}
+      {...rest}
+    >
+      <G transform="scale(0.15)">
+        <Path
+          clipRule="evenodd"
+          d="M76.5655 12.5465C83.6841 12.273 98.0909 13.2144 109.616 23.5631C119.071 32.0522 122.328 47.7904 120.125 59.9938C118.105 71.1802 113.346 80.3327 115.21 88.8073C117.074 97.2819 121.818 101.46 125.854 103.215C129.752 104.909 133.52 104.401 132.803 107.621C132.085 110.841 127.21 112.028 123.65 112.028C121.698 112.028 115.795 111.519 113.176 109.824C110.081 107.821 109.391 106.026 108.213 104.583C108.013 104.338 107.66 104.509 107.707 104.821C108.244 108.371 109.724 114.394 112.125 118.13C114.068 121.152 114.871 123.356 119.322 127.085C123.774 130.813 125.853 134.203 121.525 136.604C117.68 138.736 109.322 134.373 104.407 128.977C99.9829 124.12 96.9028 118.129 95.6846 114.231C95.0335 112.147 94.3811 108.562 93.7296 105.63C93.644 105.244 93.116 105.306 93.1046 105.701C92.8883 113.164 91.7152 120.291 90.0001 127.932C88.7652 133.433 85.7626 140.135 83.0508 144.203C79.7442 149.163 74.8354 150.711 71.1866 149.355C68.2684 148.27 70.3392 144.582 71.1866 141.389C72.034 138.197 73.7294 131.519 74.8712 124.203C75.9046 117.581 76.1781 111.026 75.7178 104.815C75.6893 104.436 75.1073 104.378 74.9893 104.739C74.0382 107.652 72.2455 112.481 70.9376 115.418C68.2097 121.543 66.1909 124.231 60.5977 130.672C55.5676 136.464 41.1004 144.655 39.2422 136.604C38.7338 134.401 41.3978 133.436 43.8546 131.519C47.5476 128.638 50.6336 123.525 53.5596 117.282C56.1869 111.676 57.5223 106.253 57.7266 102.791C57.746 102.457 57.3268 102.331 57.1387 102.607C55.9225 104.391 54.1317 106.805 52.1592 108.807C48.8643 112.152 45.2098 115.595 40.9717 117.282C34.1576 119.994 27.2089 118.129 27.7169 113.215C28.1415 109.109 32.725 109.959 38.4307 103.734C44.0239 97.6323 45.8876 92.8857 46.2266 87.6315C46.4975 83.428 42.3854 73.4513 40.295 68.9879C36.9616 61.8693 34.4984 41.666 44.5323 28.6491C57.0743 12.3784 72.1582 12.7159 76.5655 12.5465ZM57.0001 40.9997C52.3335 40.9997 50.0002 44.5815 50.0001 48.9997C50.0001 53.4179 52.5927 56.9997 57.0001 56.9997C61.4074 56.9996 64.0001 53.4179 64.0001 48.9997C63.9999 44.5816 61.6666 40.9997 57.0001 40.9997ZM95.0001 40.9997C90.3335 40.9997 88.0002 44.5815 88.0001 48.9997C88.0001 53.4179 90.5927 56.9997 95.0001 56.9997C99.4074 56.9996 102 53.4179 102 48.9997C102 44.5816 99.6666 40.9997 95.0001 40.9997Z"
+          fill={color}
+          fillRule="evenodd"
+        />
+      </G>
+    </Svg>
+  );
+});
+
+Icon.displayName = 'ZenMuxMono';
+
+export default Icon;
@@ -0,0 +1,49 @@
+import React, { memo } from 'react';
+import { G, Path, Svg } from 'react-native-svg';
+
+import type { RNIconProps } from '@/features';
+
+const Icon = memo<RNIconProps>(({ size = 24, style, color = '#000000', ...rest }) => {
+  return (
+    <Svg
+      color={color}
+      fillRule="evenodd"
+      height={size}
+      style={style}
+      viewBox="0 0 71 24"
+      width={size * 2.96} // 保持宽高比
+      {...rest}
+    >
+      <G transform="scale(0.15)">
+        <Path
+          d="M418.54 87.88L394.18 54H415.88L431.7 77.38L448.22 54H467.96L444.02 87.6L469.36 124H448.22L430.44 98.24L412.38 124H392.5L418.54 87.88Z"
+          fill={color}
+        />
+        <Path
+          d="M356.2 54H382.24V102.72C382.24 104.68 382.24 106.64 382.24 108.6H392.88V124H370.76L367.54 113.64H366.98C364.833 117.187 361.613 120.127 357.32 122.46C353.027 124.793 348.267 125.96 343.04 125.96C339.493 125.96 336.227 125.493 333.24 124.56C330.347 123.627 327.873 122.087 325.82 119.94C323.767 117.793 322.18 114.9 321.06 111.26C319.94 107.62 319.38 103.047 319.38 97.54V69.4H311.4V54H337.58V93.76C337.58 99.4533 338.467 103.56 340.24 106.08C342.107 108.6 345 109.86 348.92 109.86C352.373 109.86 355.453 108.833 358.16 106.78C360.96 104.727 362.92 102.207 364.04 99.22V69.4H356.2V54Z"
+          fill={color}
+        />
+        <Path
+          d="M286.22 71.78L286.92 56.52H286.08L270.4 82.14H267.04L250.66 56.52H249.96L250.8 70.24V124H232.6V26H252.06L268.86 53.16H269.42L286.08 26H305.4V124H286.22V71.78Z"
+          fill={color}
+        />
+        <Path
+          d="M150.68 54H175.18L177.28 63.24H177.84C179.987 60.2533 183.067 57.64 187.08 55.4C191.093 53.16 195.9 52.04 201.5 52.04C204.953 52.04 208.173 52.5067 211.16 53.44C214.24 54.3733 216.853 55.9133 219 58.06C221.147 60.2067 222.827 63.1467 224.04 66.88C225.347 70.52 226 75.0467 226 80.46V124H207.8V84.24C207.8 78.5467 206.493 74.44 203.88 71.92C201.36 69.4 198.14 68.14 194.22 68.14C190.767 68.14 187.593 69.1667 184.7 71.22C181.9 73.18 179.987 75.6533 178.96 78.64V124H160.76V69.4H150.68V54Z"
+          fill={color}
+        />
+        <Path
+          d="M146.76 116.58C145.547 117.7 143.96 118.82 142 119.94C140.133 120.967 137.893 121.947 135.28 122.88C132.76 123.813 129.96 124.56 126.88 125.12C123.8 125.68 120.533 125.96 117.08 125.96C111.107 125.96 105.74 125.12 100.98 123.44C96.3134 121.76 92.3467 119.333 89.08 116.16C85.8134 112.893 83.2934 109.02 81.52 104.54C79.84 99.9667 79 94.7867 79 89C79 82.84 79.98 77.4733 81.94 72.9C83.9 68.2333 86.56 64.36 89.92 61.28C93.3734 58.2 97.3867 55.9133 101.96 54.42C106.533 52.8333 111.48 52.04 116.8 52.04C120.347 52.04 123.987 52.5067 127.72 53.44C131.547 54.3733 135.047 56.0067 138.22 58.34C141.393 60.58 143.96 63.6133 145.92 67.44C147.973 71.2667 149 76.12 149 82C149 86.0133 148.533 90.3533 147.6 95.02H97.2C97.2934 98.0067 97.9 100.527 99.02 102.58C100.233 104.633 101.773 106.313 103.64 107.62C105.6 108.927 107.793 109.907 110.22 110.56C112.74 111.12 115.4 111.4 118.2 111.4C123.8 111.4 128.373 110.747 131.92 109.44C135.56 108.133 138.5 106.547 140.74 104.68L146.76 116.58ZM116.52 66.6C114.093 66.6 111.807 66.9267 109.66 67.58C107.513 68.2333 105.553 69.2133 103.78 70.52C102.1 71.7333 100.7 73.2733 99.58 75.14C98.46 77.0067 97.8067 79.1067 97.62 81.44H132.06C132.06 76.8667 130.753 73.2733 128.14 70.66C125.62 67.9533 121.747 66.6 116.52 66.6Z"
+          fill={color}
+        />
+        <Path
+          d="M7.92004 106.92L53.84 43.08H10.16V26H76.3801V43.08L31.16 106.92H77.0801V124H7.92004V106.92Z"
+          fill={color}
+        />
+      </G>
+    </Svg>
+  );
+});
+
+Icon.displayName = 'ZenMuxText';
+
+export default Icon;
@@ -0,0 +1,22 @@
+import Avatar from './components/Avatar';
+import Combine from './components/Combine';
+import Mono from './components/Mono';
+import Text from './components/Text';
+import { COLOR_PRIMARY, TITLE } from './style';
+
+export type CompoundedIcon = typeof Mono & {
+  Avatar: typeof Avatar;
+  Combine: typeof Combine;
+  Text: typeof Text;
+  colorPrimary: string;
+  title: string;
+};
+
+const Icons = Mono as CompoundedIcon;
+Icons.Text = Text;
+Icons.Combine = Combine;
+Icons.Avatar = Avatar;
+Icons.colorPrimary = COLOR_PRIMARY;
+Icons.title = TITLE;
+
+export default Icons;
@@ -0,0 +1,9 @@
+export const TITLE = 'ZenMux';
+export const COMBINE_TEXT_MULTIPLE = 1;
+export const COMBINE_SPACE_MULTIPLE = 0.1;
+export const COLOR_PRIMARY = '#000';
+
+// Avatar constants
+export const AVATAR_BACKGROUND = COLOR_PRIMARY;
+export const AVATAR_COLOR = '#fff';
+export const AVATAR_ICON_MULTIPLE = 0.7;
@@ -159,11 +159,11 @@ export { default as Inflection, type CompoundedIcon as InflectionProps } from '.
 export { default as InternLM, type CompoundedIcon as InternLMProps } from './icons/InternLM';
 export { default as Jimeng, type CompoundedIcon as JimengProps } from './icons/Jimeng';
 export { default as Jina, type CompoundedIcon as JinaProps } from './icons/Jina';
-export { default as Krea, type CompoundedIcon as KreaProps } from './icons/Krea';
 export { default as Kimi, type CompoundedIcon as KimiProps } from './icons/Kimi';
 export { default as Kling, type CompoundedIcon as KlingProps } from './icons/Kling';
 export { default as Kluster, type CompoundedIcon as KlusterProps } from './icons/Kluster';
 export { default as Kolors, type CompoundedIcon as KolorsProps } from './icons/Kolors';
+export { default as Krea, type CompoundedIcon as KreaProps } from './icons/Krea';
 export { default as Kwaipilot, type CompoundedIcon as KwaipilotProps } from './icons/Kwaipilot';
 export { default as Lambda, type CompoundedIcon as LambdaProps } from './icons/Lambda';
 export { default as LangChain, type CompoundedIcon as LangChainProps } from './icons/LangChain';
@@ -310,6 +310,7 @@ export { default as Yuanbao, type CompoundedIcon as YuanbaoProps } from './icons
 export { default as ZAI, type CompoundedIcon as ZAIProps } from './icons/ZAI';
 export { default as Zapier, type CompoundedIcon as ZapierProps } from './icons/Zapier';
 export { default as Zeabur, type CompoundedIcon as ZeaburProps } from './icons/Zeabur';
+export { default as ZenMux, type CompoundedIcon as ZenMuxProps } from './icons/ZenMux';
 export { default as ZeroOne, type CompoundedIcon as ZeroOneProps } from './icons/ZeroOne';
 export { default as Zhipu, type CompoundedIcon as ZhipuProps } from './icons/Zhipu';

@@ -0,0 +1,25 @@
+'use client';
+
+import { memo } from 'react';
+
+import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar';
+
+import { AVATAR_BACKGROUND, AVATAR_COLOR, AVATAR_ICON_MULTIPLE, TITLE } from '../style';
+import Mono from './Mono';
+
+export type AvatarProps = Omit<IconAvatarProps, 'Icon'>;
+
+const Avatar = memo<AvatarProps>(({ ...rest }) => {
+  return (
+    <IconAvatar
+      Icon={Mono}
+      aria-label={TITLE}
+      background={AVATAR_BACKGROUND}
+      color={AVATAR_COLOR}
+      iconMultiple={AVATAR_ICON_MULTIPLE}
+      {...rest}
+    />
+  );
+});
+
+export default Avatar;
@@ -0,0 +1,24 @@
+'use client';
+
+import { memo } from 'react';
+
+import IconCombine, { type IconCombineProps } from '@/features/IconCombine';
+
+import { COMBINE_SPACE_MULTIPLE, COMBINE_TEXT_MULTIPLE, TITLE } from '../style';
+import Mono from './Mono';
+import Text from './Text';
+
+const Combine = memo<IconCombineProps>(({ ...rest }) => {
+  return (
+    <IconCombine
+      Icon={Mono}
+      Text={Text}
+      aria-label={TITLE}
+      spaceMultiple={COMBINE_SPACE_MULTIPLE}
+      textMultiple={COMBINE_TEXT_MULTIPLE}
+      {...rest}
+    />
+  );
+});
+
+export default Combine;
@@ -0,0 +1,33 @@
+'use client';
+
+import { memo } from 'react';
+
+import type { IconType } from '@/types';
+
+import { TITLE } from '../style';
+
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
+  return (
+    <svg
+      fill="currentColor"
+      fillRule="evenodd"
+      height={size}
+      style={{ flex: 'none', lineHeight: 1, ...style }}
+      viewBox="0 0 24 24"
+      width={size}
+      xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <title>{TITLE}</title>
+      <g transform="scale(0.15)">
+        <path
+          clipRule="evenodd"
+          d="M76.5655 12.5465C83.6841 12.273 98.0909 13.2144 109.616 23.5631C119.071 32.0522 122.328 47.7904 120.125 59.9938C118.105 71.1802 113.346 80.3327 115.21 88.8073C117.074 97.2819 121.818 101.46 125.854 103.215C129.752 104.909 133.52 104.401 132.803 107.621C132.085 110.841 127.21 112.028 123.65 112.028C121.698 112.028 115.795 111.519 113.176 109.824C110.081 107.821 109.391 106.026 108.213 104.583C108.013 104.338 107.66 104.509 107.707 104.821C108.244 108.371 109.724 114.394 112.125 118.13C114.068 121.152 114.871 123.356 119.322 127.085C123.774 130.813 125.853 134.203 121.525 136.604C117.68 138.736 109.322 134.373 104.407 128.977C99.9829 124.12 96.9028 118.129 95.6846 114.231C95.0335 112.147 94.3811 108.562 93.7296 105.63C93.644 105.244 93.116 105.306 93.1046 105.701C92.8883 113.164 91.7152 120.291 90.0001 127.932C88.7652 133.433 85.7626 140.135 83.0508 144.203C79.7442 149.163 74.8354 150.711 71.1866 149.355C68.2684 148.27 70.3392 144.582 71.1866 141.389C72.034 138.197 73.7294 131.519 74.8712 124.203C75.9046 117.581 76.1781 111.026 75.7178 104.815C75.6893 104.436 75.1073 104.378 74.9893 104.739C74.0382 107.652 72.2455 112.481 70.9376 115.418C68.2097 121.543 66.1909 124.231 60.5977 130.672C55.5676 136.464 41.1004 144.655 39.2422 136.604C38.7338 134.401 41.3978 133.436 43.8546 131.519C47.5476 128.638 50.6336 123.525 53.5596 117.282C56.1869 111.676 57.5223 106.253 57.7266 102.791C57.746 102.457 57.3268 102.331 57.1387 102.607C55.9225 104.391 54.1317 106.805 52.1592 108.807C48.8643 112.152 45.2098 115.595 40.9717 117.282C34.1576 119.994 27.2089 118.129 27.7169 113.215C28.1415 109.109 32.725 109.959 38.4307 103.734C44.0239 97.6323 45.8876 92.8857 46.2266 87.6315C46.4975 83.428 42.3854 73.4513 40.295 68.9879C36.9616 61.8693 34.4984 41.666 44.5323 28.6491C57.0743 12.3784 72.1582 12.7159 76.5655 12.5465ZM57.0001 40.9997C52.3335 40.9997 50.0002 44.5815 50.0001 48.9997C50.0001 53.4179 52.5927 56.9997 57.0001 56.9997C61.4074 56.9996 64.0001 53.4179 64.0001 48.9997C63.9999 44.5816 61.6666 40.9997 57.0001 40.9997ZM95.0001 40.9997C90.3335 40.9997 88.0002 44.5815 88.0001 48.9997C88.0001 53.4179 90.5927 56.9997 95.0001 56.9997C99.4074 56.9996 102 53.4179 102 48.9997C102 44.5816 99.6666 40.9997 95.0001 40.9997Z"
+          fillRule="evenodd"
+        />
+      </g>
+    </svg>
+  );
+});
+
+export default Icon;
@@ -0,0 +1,33 @@
+'use client';
+
+import { memo } from 'react';
+
+import type { IconType } from '@/types';
+
+import { TITLE } from '../style';
+
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
+  return (
+    <svg
+      fill="currentColor"
+      fillRule="evenodd"
+      height={size}
+      style={{ flex: 'none', lineHeight: 1, ...style }}
+      viewBox="0 0 71 24"
+      xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <title>{TITLE}</title>
+      <g transform="scale(0.15)">
+        <path d="M418.54 87.88L394.18 54H415.88L431.7 77.38L448.22 54H467.96L444.02 87.6L469.36 124H448.22L430.44 98.24L412.38 124H392.5L418.54 87.88Z" />
+        <path d="M356.2 54H382.24V102.72C382.24 104.68 382.24 106.64 382.24 108.6H392.88V124H370.76L367.54 113.64H366.98C364.833 117.187 361.613 120.127 357.32 122.46C353.027 124.793 348.267 125.96 343.04 125.96C339.493 125.96 336.227 125.493 333.24 124.56C330.347 123.627 327.873 122.087 325.82 119.94C323.767 117.793 322.18 114.9 321.06 111.26C319.94 107.62 319.38 103.047 319.38 97.54V69.4H311.4V54H337.58V93.76C337.58 99.4533 338.467 103.56 340.24 106.08C342.107 108.6 345 109.86 348.92 109.86C352.373 109.86 355.453 108.833 358.16 106.78C360.96 104.727 362.92 102.207 364.04 99.22V69.4H356.2V54Z" />
+        <path d="M286.22 71.78L286.92 56.52H286.08L270.4 82.14H267.04L250.66 56.52H249.96L250.8 70.24V124H232.6V26H252.06L268.86 53.16H269.42L286.08 26H305.4V124H286.22V71.78Z" />
+        <path d="M150.68 54H175.18L177.28 63.24H177.84C179.987 60.2533 183.067 57.64 187.08 55.4C191.093 53.16 195.9 52.04 201.5 52.04C204.953 52.04 208.173 52.5067 211.16 53.44C214.24 54.3733 216.853 55.9133 219 58.06C221.147 60.2067 222.827 63.1467 224.04 66.88C225.347 70.52 226 75.0467 226 80.46V124H207.8V84.24C207.8 78.5467 206.493 74.44 203.88 71.92C201.36 69.4 198.14 68.14 194.22 68.14C190.767 68.14 187.593 69.1667 184.7 71.22C181.9 73.18 179.987 75.6533 178.96 78.64V124H160.76V69.4H150.68V54Z" />
+        <path d="M146.76 116.58C145.547 117.7 143.96 118.82 142 119.94C140.133 120.967 137.893 121.947 135.28 122.88C132.76 123.813 129.96 124.56 126.88 125.12C123.8 125.68 120.533 125.96 117.08 125.96C111.107 125.96 105.74 125.12 100.98 123.44C96.3134 121.76 92.3467 119.333 89.08 116.16C85.8134 112.893 83.2934 109.02 81.52 104.54C79.84 99.9667 79 94.7867 79 89C79 82.84 79.98 77.4733 81.94 72.9C83.9 68.2333 86.56 64.36 89.92 61.28C93.3734 58.2 97.3867 55.9133 101.96 54.42C106.533 52.8333 111.48 52.04 116.8 52.04C120.347 52.04 123.987 52.5067 127.72 53.44C131.547 54.3733 135.047 56.0067 138.22 58.34C141.393 60.58 143.96 63.6133 145.92 67.44C147.973 71.2667 149 76.12 149 82C149 86.0133 148.533 90.3533 147.6 95.02H97.2C97.2934 98.0067 97.9 100.527 99.02 102.58C100.233 104.633 101.773 106.313 103.64 107.62C105.6 108.927 107.793 109.907 110.22 110.56C112.74 111.12 115.4 111.4 118.2 111.4C123.8 111.4 128.373 110.747 131.92 109.44C135.56 108.133 138.5 106.547 140.74 104.68L146.76 116.58ZM116.52 66.6C114.093 66.6 111.807 66.9267 109.66 67.58C107.513 68.2333 105.553 69.2133 103.78 70.52C102.1 71.7333 100.7 73.2733 99.58 75.14C98.46 77.0067 97.8067 79.1067 97.62 81.44H132.06C132.06 76.8667 130.753 73.2733 128.14 70.66C125.62 67.9533 121.747 66.6 116.52 66.6Z" />
+        <path d="M7.92004 106.92L53.84 43.08H10.16V26H76.3801V43.08L31.16 106.92H77.0801V124H7.92004V106.92Z" />
+      </g>
+    </svg>
+  );
+});
+
+export default Icon;
@@ -0,0 +1,71 @@
+---
+nav: Components
+group: Provider
+title: ZenMux
+atomId: ZenMux
+description: https://zenmux.ai
+---
+
+## Icons
+
+```tsx
+import { ZenMux } from '@lobehub/icons';
+import { Flexbox } from 'react-layout-kit';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <ZenMux size={64} />
+  </Flexbox>
+);
+```
+
+## Text
+
+```tsx
+import { ZenMux } from '@lobehub/icons';
+
+export default () => <ZenMux.Text size={48} />;
+```
+
+## Combine
+
+```tsx
+import { ZenMux } from '@lobehub/icons';
+import { Flexbox } from 'react-layout-kit';
+
+export default () => (
+  <Flexbox gap={16} align={'flex-start'}>
+    <ZenMux.Combine size={64} inverse />
+    <ZenMux.Combine size={64} />
+  </Flexbox>
+);
+```
+
+## Avatars
+
+```tsx
+import { ZenMux } from '@lobehub/icons';
+import { Flexbox } from 'react-layout-kit';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <ZenMux.Avatar size={64} />
+    <ZenMux.Avatar size={64} shape={'square'} />
+  </Flexbox>
+);
+```
+
+## Colors
+
+```tsx
+import { ZenMux } from '@lobehub/icons';
+import { Flexbox } from 'react-layout-kit';
+
+import ColorPreview from '../components/ColorPreview';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <ColorPreview color={ZenMux.colorPrimary} />
+  </Flexbox>
+);
+```
@@ -0,0 +1,22 @@
+import Avatar from './components/Avatar';
+import Combine from './components/Combine';
+import Mono from './components/Mono';
+import Text from './components/Text';
+import { COLOR_PRIMARY, TITLE } from './style';
+
+export type CompoundedIcon = typeof Mono & {
+  Avatar: typeof Avatar;
+  Combine: typeof Combine;
+  Text: typeof Text;
+  colorPrimary: string;
+  title: string;
+};
+
+const Icons = Mono as CompoundedIcon;
+Icons.Text = Text;
+Icons.Combine = Combine;
+Icons.Avatar = Avatar;
+Icons.colorPrimary = COLOR_PRIMARY;
+Icons.title = TITLE;
+
+export default Icons;
@@ -0,0 +1,9 @@
+export const TITLE = 'ZenMux';
+export const COMBINE_TEXT_MULTIPLE = 1;
+export const COMBINE_SPACE_MULTIPLE = 0.1;
+export const COLOR_PRIMARY = '#000';
+
+// Avatar constants
+export const AVATAR_BACKGROUND = COLOR_PRIMARY;
+export const AVATAR_COLOR = '#fff';
+export const AVATAR_ICON_MULTIPLE = 0.7;
@@ -77,6 +77,7 @@ import Wenxin from '@/Wenxin';
 import WorkersAI from '@/WorkersAI';
 import XAI from '@/XAI';
 import Xinference from '@/Xinference';
+import ZenMux from '@/ZenMux';
 import ZeroOne from '@/ZeroOne';
 import Zhipu from '@/Zhipu';
 import type { IconType } from '@/types';
@@ -294,4 +295,5 @@ export const providerMappings: ProviderMapping[] = [
  { Icon: LongCat, combineMultiple: 1, keywords: [ModelProvider.LongCat] },
  { Icon: Cerebras, combineMultiple: 1, keywords: [ModelProvider.Cerebras] },
  { Icon: Straico, combineMultiple: 1, keywords: [ModelProvider.Straico] },
+  { Icon: ZenMux, combineMultiple: 1, keywords: [ModelProvider.ZenMux], props: { inverse: true } },
 ];
@@ -70,6 +70,7 @@ export enum ModelProvider {
  Wenxin = 'wenxin',
  XAI = 'xai',
  Xinference = 'xinference',
+  ZenMux = 'zenmux',
  ZeroOne = 'zeroone',
  ZhiPu = 'zhipu',
 }
@@ -257,5 +257,6 @@ export { default as Yuanbao, type CompoundedIcon as YuanbaoProps } from './Yuanb
 export { default as ZAI, type CompoundedIcon as ZAIProps } from './ZAI';
 export { default as Zapier, type CompoundedIcon as ZapierProps } from './Zapier';
 export { default as Zeabur, type CompoundedIcon as ZeaburProps } from './Zeabur';
+export { default as ZenMux, type CompoundedIcon as ZenMuxProps } from './ZenMux';
 export { default as ZeroOne, type CompoundedIcon as ZeroOneProps } from './ZeroOne';
 export { default as Zhipu, type CompoundedIcon as ZhipuProps } from './Zhipu';
@@ -2311,25 +2311,6 @@ const toc: IconToc[] = [
    },
    title: 'Jina',
  },
-  {
-    color: '#000',
-    desc: 'https://krea.ai',
-    docsUrl: 'krea',
-    fullTitle: 'Krea',
-    group: 'application',
-    id: 'Krea',
-    param: {
-      hasAvatar: true,
-      hasBrand: false,
-      hasBrandColor: false,
-      hasColor: false,
-      hasCombine: true,
-      hasText: true,
-      hasTextCn: false,
-      hasTextColor: false,
-    },
-    title: 'Krea',
-  },
  {
    color: '#000',
    desc: 'https://kimi.moonshot.cn',
@@ -2408,6 +2389,25 @@ const toc: IconToc[] = [
    },
    title: 'Kolors',
  },
+  {
+    color: '#000',
+    desc: 'https://krea.ai',
+    docsUrl: 'krea',
+    fullTitle: 'Krea',
+    group: 'application',
+    id: 'Krea',
+    param: {
+      hasAvatar: true,
+      hasBrand: false,
+      hasBrandColor: false,
+      hasColor: false,
+      hasCombine: true,
+      hasText: true,
+      hasTextCn: false,
+      hasTextColor: false,
+    },
+    title: 'Krea',
+  },
  {
    color: '#000',
    desc: 'https://kwaipilot.ai',
@@ -4858,6 +4858,25 @@ const toc: IconToc[] = [
    },
    title: 'Zeabur',
  },
+  {
+    color: '#000',
+    desc: 'https://zenmux.ai',
+    docsUrl: 'zen-mux',
+    fullTitle: 'ZenMux',
+    group: 'provider',
+    id: 'ZenMux',
+    param: {
+      hasAvatar: true,
+      hasBrand: false,
+      hasBrandColor: false,
+      hasColor: false,
+      hasCombine: true,
+      hasText: true,
+      hasTextCn: false,
+      hasTextColor: false,
+    },
+    title: 'ZenMux',
+  },
  {
    color: '#003425',
    desc: 'https://lingyiwanwu.com/',