✨ feat: Add RWKV DBRX OpenChat

lobehub · Apr 10, 2024 · fa45b93 · fa45b93
1 parent f73fb3c
commit fa45b93
Show file tree

Hide file tree

Showing 33 changed files with 876 additions and 93 deletions.
diff --git a/README.md b/README.md
@@ -73,6 +73,7 @@ Contributions, corrections & requests can be made on GitHub.
 - [x] [Cloudflare](https://icons.lobehub.com/components/cloudflare)
 - [x] [Cloudflare (WorkersAI)](https://icons.lobehub.com/components/workers-ai)
 - [x] [Cohere (Command)](https://icons.lobehub.com/components/cohere)
+- [x] [Databricks (DBRX)](https://icons.lobehub.com/components/dbrx)
 - [x] [DeepMind（Google)](https://icons.lobehub.com/components/deep-mind)
 - [x] [Fireworks](https://icons.lobehub.com/components/fireworks)
 - [x] [Github](https://icons.lobehub.com/components/github)
@@ -98,11 +99,13 @@ Contributions, corrections & requests can be made on GitHub.
 - [x] [Ollama](https://icons.lobehub.com/components/ollama)
 - [x] [OpenAI (ChatGPT)](https://icons.lobehub.com/components/open-ai)
 - [x] [OpenAI (DALL·E)](https://icons.lobehub.com/components/dalle)
+- [x] [OpenChat](https://icons.lobehub.com/components/open-chat)
 - [x] [OpenRouter](https://icons.lobehub.com/components/open-router)
 - [x] [Perplexity](https://icons.lobehub.com/components/perplexity)
 - [x] [Pollinations](https://icons.lobehub.com/components/pollinations)
 - [x] [Qingyan (智谱清言)](https://icons.lobehub.com/components/qingyan)
 - [x] [Replicate](https://icons.lobehub.com/components/replicate)
+- [x] [RWKV](https://icons.lobehub.com/components/rwkv)
 - [x] [Spark (讯飞星火)](https://icons.lobehub.com/components/spark)
 - [x] [Stability (StableDiffusion)](https://icons.lobehub.com/components/stability)
 - [x] [Suno](https://icons.lobehub.com/components/suno)

diff --git a/docs/Dashboard.tsx b/docs/Dashboard.tsx
@@ -0,0 +1,5 @@
+import Dashboard from '@/components/Dashboard';
+
+export default () => {
+  return <Dashboard />;
+};
diff --git a/docs/index.md b/docs/index.md
@@ -4,4 +4,6 @@ hero:
   description: Popular AI / LLM Model Brand SVG Logo and Icon Collection
 ---
 
+<code src="./Dashboard.tsx" inline></code>
+
 <code src="./index.tsx" inline></code>
diff --git a/docs/index.tsx b/docs/index.tsx
@@ -1,9 +1,5 @@
 import { Features, FeaturesProps } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
 import { Expand, GitPullRequest, Trees } from 'lucide-react';
-import { Center } from 'react-layout-kit';
-
-import Dashboard from '@/components/Dashboard';
 
 const items: FeaturesProps['items'] = [
   {
@@ -26,28 +22,6 @@ const items: FeaturesProps['items'] = [
   },
 ];
 
-const useStyles = createStyles(({ css, token }) => ({
-  container: css`
-    margin-top: -4%;
-  `,
-  dashboard: css`
-    overflow: hidden;
-    max-width: 960px;
-    border: 1px solid ${token.colorBorder};
-    border-radius: ${token.borderRadiusLG}px;
-  `,
-  segmented: css`
-    border: 1px solid ${token.colorBorder};
-  `,
-}));
-
 export default () => {
-  const { styles } = useStyles();
-
-  return (
-    <Center className={styles.container} gap={16}>
-      <Dashboard className={styles.dashboard} />
-      <Features items={items} />
-    </Center>
-  );
+  return <Features items={items} />;
 };
diff --git a/package.json b/package.json
@@ -71,47 +71,47 @@
     ]
   },
   "dependencies": {
-    "@babel/runtime": "^7",
-    "react-layout-kit": "^1"
+    "@babel/runtime": "^7.24.4",
+    "react-layout-kit": "^1.9.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "^18",
+    "@commitlint/cli": "^18.6.1",
     "@lobehub/lint": "latest",
-    "@lobehub/ui": "^1",
-    "@testing-library/react": "^14",
-    "@types/lodash-es": "^4",
-    "@types/pangu": "^4",
-    "@types/query-string": "^6",
-    "@types/react": "18",
-    "@types/react-dom": "^18",
+    "@lobehub/ui": "^1.138.0",
+    "@testing-library/react": "^14.3.0",
+    "@types/lodash-es": "^4.17.12",
+    "@types/pangu": "^4.0.2",
+    "@types/query-string": "^6.3.0",
+    "@types/react": "^18.2.75",
+    "@types/react-dom": "^18.2.24",
     "@vitest/coverage-v8": "latest",
-    "antd": "^5",
-    "antd-style": "^3",
+    "antd": "^5.16.1",
+    "antd-style": "^3.6.2",
     "babel-plugin-antd-style": "latest",
-    "commitlint": "^18",
-    "concurrently": "^8",
-    "cross-env": "^7",
-    "dumi": "^2",
+    "commitlint": "^18.6.1",
+    "concurrently": "^8.2.2",
+    "cross-env": "^7.0.3",
+    "dumi": "^2.2.17",
     "dumi-theme-lobehub": "latest",
-    "eslint": "^8",
-    "father": "4",
-    "front-matter": "^4",
-    "glob": "^10",
-    "husky": "^8",
-    "jsdom": "^23",
-    "lint-staged": "^15",
-    "lodash-es": "^4",
+    "eslint": "^8.57.0",
+    "father": "^4.4.0",
+    "front-matter": "^4.0.2",
+    "glob": "^10.3.12",
+    "husky": "^8.0.3",
+    "jsdom": "^23.2.0",
+    "lint-staged": "^15.2.2",
+    "lodash-es": "^4.17.21",
     "lucide-react": "latest",
-    "prettier": "^3",
-    "react": "^18",
-    "react-dom": "^18",
-    "remark": "^14",
-    "remark-cli": "^11",
-    "semantic-release": "^21",
-    "stylelint": "^15",
-    "svgo-browser": "^1",
-    "tsx": "^4",
-    "typescript": "^5",
+    "prettier": "^3.2.5",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "remark": "^14.0.3",
+    "remark-cli": "^11.0.0",
+    "semantic-release": "^21.1.2",
+    "stylelint": "^15.11.0",
+    "svgo-browser": "^1.3.8",
+    "tsx": "^4.7.2",
+    "typescript": "^5.4.4",
     "vitest": "latest"
   },
   "peerDependencies": {

diff --git a/src/Dbrx/components/Avatar.tsx b/src/Dbrx/components/Avatar.tsx
@@ -0,0 +1,22 @@
+import { memo } from 'react';
+
+import IconAvatar, { type IconAvatarProps } from '@/IconAvatar';
+
+import { COLOR_PRIMARY, TITLE } from '../style';
+import Mono from './Mono';
+
+export type AvatarProps = Omit<IconAvatarProps, 'Icon'>;
+
+const Avatar = memo<AvatarProps>(({ background, ...rest }) => {
+  return (
+    <IconAvatar
+      Icon={Mono}
+      aria-label={TITLE}
+      background={background || COLOR_PRIMARY}
+      iconMultiple={0.6}
+      {...rest}
+    />
+  );
+});
+
+export default Avatar;
diff --git a/src/Dbrx/components/BrandColor.tsx b/src/Dbrx/components/BrandColor.tsx
@@ -0,0 +1,31 @@
+import { forwardRef } from 'react';
+
+import type { IconType } from '@/types';
+
+import { TITLE } from '../style';
+
+const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+  return (
+    <svg
+      fill="currentColor"
+      fillRule="evenodd"
+      height={size}
+      ref={ref}
+      style={{ flex: 'none', lineHeight: 1, width: 'fit-content', ...style }}
+      viewBox="0 0 156 24"
+      xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <title>{TITLE}</title>
+      <g>
+        <path
+          d="M23.093 9.894l-9.939 5.595L2.512 9.511 2 9.787v4.34l11.154 6.256 9.94-5.574v2.297l-9.94 5.596-10.642-5.979L2 17v.745L13.154 24l11.133-6.255v-4.34l-.511-.277-10.622 5.957-9.96-5.574v-2.298l9.96 5.574 11.133-6.255V6.255l-.554-.319-10.579 5.936-9.448-5.276 9.448-5.298 7.764 4.362.682-.383v-.532L13.154 0 2 6.255v.681l11.154 6.255 9.94-5.595z"
+          fill="#EE3D2C"
+        ></path>
+        <path d="M45.123 20.451V1.345H42.18v7.149c0 .106-.064.191-.17.234a.26.26 0 01-.278-.064c-1.002-1.17-2.559-1.83-4.265-1.83-3.647 0-6.505 3.064-6.505 6.98 0 1.914.661 3.68 1.877 4.978a6.268 6.268 0 004.628 2c1.685 0 3.242-.702 4.265-1.915.064-.085.192-.106.278-.085.106.042.17.127.17.234v1.425h2.943zm-7.016-2.319c-2.346 0-4.18-1.893-4.18-4.319 0-2.425 1.834-4.319 4.18-4.319 2.346 0 4.18 1.894 4.18 4.32 0 2.425-1.834 4.318-4.18 4.318zm22.757 2.299V7.154h-2.922v1.34c0 .107-.064.192-.17.235a.226.226 0 01-.235-.04l-.043-.045c-.981-1.17-2.517-1.83-4.266-1.83-3.647 0-6.505 3.064-6.505 6.979s2.858 6.978 6.505 6.978c1.685 0 3.242-.702 4.266-1.936.064-.085.192-.106.277-.085.107.043.17.128.17.234v1.447h2.923zm-6.975-2.298c-2.346 0-4.18-1.894-4.18-4.319s1.834-4.32 4.18-4.32c2.347 0 4.18 1.895 4.18 4.32 0 2.425-1.833 4.32-4.18 4.32zm31.991 2.32V7.153h-2.922v1.34c0 .107-.064.192-.17.235a.226.226 0 01-.235-.04l-.043-.045c-.98-1.17-2.516-1.83-4.265-1.83-3.669 0-6.505 3.064-6.505 7s2.858 6.979 6.505 6.979c1.685 0 3.241-.702 4.265-1.936.064-.086.192-.107.277-.086.107.043.171.128.171.235v1.446h2.922zm-6.974-2.32c-2.346 0-4.18-1.894-4.18-4.319s1.834-4.32 4.18-4.32c2.346 0 4.18 1.895 4.18 4.32 0 2.425-1.834 4.32-4.18 4.32zm12.328.744l.085-.021c.064 0 .15.042.192.085 1.003 1.17 2.56 1.83 4.266 1.83 3.647 0 6.505-3.064 6.505-6.98 0-1.914-.661-3.68-1.877-4.978a6.268 6.268 0 00-4.628-2c-1.685 0-3.242.702-4.266 1.915-.064.085-.17.106-.277.085-.107-.042-.17-.128-.17-.234V1.345H88.12v19.106h2.943v-1.34c0-.106.064-.192.171-.234zm-.298-5.064c0-2.425 1.834-4.319 4.18-4.319 2.346 0 4.18 1.894 4.18 4.32 0 2.425-1.834 4.318-4.18 4.318-2.346 0-4.18-1.915-4.18-4.319zm19.856-3.933c.277 0 .533.022.704.064V6.923l-.164-.024a3.043 3.043 0 00-.327-.019c-1.535 0-2.943.788-3.69 2.043-.063.106-.17.149-.277.106a.25.25 0 01-.192-.234V7.157h-2.922v13.32h2.944v-5.873c0-2.915 1.493-4.724 3.924-4.724zm5.545-2.724h-2.986v13.319h2.986V7.155zm-1.536-5.79a1.81 1.81 0 100 3.617 1.81 1.81 0 100-3.617zm10.28 5.448c-4.094 0-7.06 2.936-7.06 7 0 1.979.706 3.745 1.963 5.021 1.28 1.277 3.071 1.979 5.076 1.979 1.664 0 2.943-.32 5.375-2.106l-1.684-1.766c-1.196.787-2.305 1.17-3.392 1.17-2.474 0-4.33-1.851-4.33-4.298s1.856-4.298 4.33-4.298c1.173 0 2.26.383 3.349 1.17l1.876-1.766c-2.196-1.872-4.18-2.106-5.502-2.106zm23.97-.021c2.09 0 3.905 1.106 4.779 2.893l-2.368 1.277c-.555-1.107-1.429-1.745-2.41-1.745-1.024 0-1.75.553-1.75 1.362 0 .702.513 1.213 1.6 1.574l1.6.532c2.346.766 3.498 2.022 3.498 3.851 0 2.788-2.453 4.256-4.863 4.256-2.367 0-4.308-1.256-5.097-3.277l2.41-1.277c.512 1.256 1.578 2.022 2.772 2.022.896 0 1.942-.405 1.942-1.532 0-.701-.435-1.157-1.446-1.51l-1.84-.597c-2.28-.723-3.39-1.957-3.39-3.808 0-2.32 1.919-4.021 4.564-4.021zM135 1.366v10.469c0 .106.064.19.15.234.106.02.212 0 .277-.064l4.84-4.851h3.605l-5.609 5.595c-.107.085-.107.234-.02.34l6.099 7.362h-3.626l-4.713-5.83c-.065-.042-.128-.084-.193-.084h-.02a.244.244 0 00-.172.063l-.554.49c-.064.042-.085.127-.085.191v5.192h-2.943V1.366h2.964zM69.054 20.665c.938 0 1.77-.085 2.24-.15v-2.552a16.55 16.55 0 01-1.472.085l-.221-.003c-1.085-.033-1.89-.371-1.89-2.785V9.792c0-.149.106-.255.255-.255h2.88V7.133h-2.88a.246.246 0 01-.256-.256v-3.83h-2.943V6.9a.246.246 0 01-.256.255h-2.048v2.404h2.048c.15 0 .256.107.256.256v6.191c0 4.66 3.114 4.66 4.287 4.66z"></path>
+      </g>
+    </svg>
+  );
+});
+
+export default Icon;
diff --git a/src/Dbrx/components/BrandMono.tsx b/src/Dbrx/components/BrandMono.tsx
@@ -0,0 +1,28 @@
+import { forwardRef } from 'react';
+
+import type { IconType } from '@/types';
+
+import { TITLE } from '../style';
+
+const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+  return (
+    <svg
+      fill="currentColor"
+      fillRule="evenodd"
+      height={size}
+      ref={ref}
+      style={{ flex: 'none', lineHeight: 1, width: 'fit-content', ...style }}
+      viewBox="0 0 156 24"
+      xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <title>{TITLE}</title>
+      <g>
+        <path d="M23.093 9.894l-9.939 5.595L2.512 9.511 2 9.787v4.34l11.154 6.256 9.94-5.574v2.297l-9.94 5.596-10.642-5.979L2 17v.745L13.154 24l11.133-6.255v-4.34l-.511-.277-10.622 5.957-9.96-5.574v-2.298l9.96 5.574 11.133-6.255V6.255l-.554-.319-10.579 5.936-9.448-5.276 9.448-5.298 7.764 4.362.682-.383v-.532L13.154 0 2 6.255v.681l11.154 6.255 9.94-5.595z"></path>
+        <path d="M45.123 20.451V1.345H42.18v7.149c0 .106-.064.191-.17.234a.26.26 0 01-.278-.064c-1.002-1.17-2.559-1.83-4.265-1.83-3.647 0-6.505 3.064-6.505 6.98 0 1.914.661 3.68 1.877 4.978a6.268 6.268 0 004.628 2c1.685 0 3.242-.702 4.265-1.915.064-.085.192-.106.278-.085.106.042.17.127.17.234v1.425h2.943zm-7.016-2.319c-2.346 0-4.18-1.893-4.18-4.319 0-2.425 1.834-4.319 4.18-4.319 2.346 0 4.18 1.894 4.18 4.32 0 2.425-1.834 4.318-4.18 4.318zm22.757 2.299V7.154h-2.922v1.34c0 .107-.064.192-.17.235a.226.226 0 01-.235-.04l-.043-.045c-.981-1.17-2.517-1.83-4.266-1.83-3.647 0-6.505 3.064-6.505 6.979s2.858 6.978 6.505 6.978c1.685 0 3.242-.702 4.266-1.936.064-.085.192-.106.277-.085.107.043.17.128.17.234v1.447h2.923zm-6.975-2.298c-2.346 0-4.18-1.894-4.18-4.319s1.834-4.32 4.18-4.32c2.347 0 4.18 1.895 4.18 4.32 0 2.425-1.833 4.32-4.18 4.32zm31.991 2.32V7.153h-2.922v1.34c0 .107-.064.192-.17.235a.226.226 0 01-.235-.04l-.043-.045c-.98-1.17-2.516-1.83-4.265-1.83-3.669 0-6.505 3.064-6.505 7s2.858 6.979 6.505 6.979c1.685 0 3.241-.702 4.265-1.936.064-.086.192-.107.277-.086.107.043.171.128.171.235v1.446h2.922zm-6.974-2.32c-2.346 0-4.18-1.894-4.18-4.319s1.834-4.32 4.18-4.32c2.346 0 4.18 1.895 4.18 4.32 0 2.425-1.834 4.32-4.18 4.32zm12.328.744l.085-.021c.064 0 .15.042.192.085 1.003 1.17 2.56 1.83 4.266 1.83 3.647 0 6.505-3.064 6.505-6.98 0-1.914-.661-3.68-1.877-4.978a6.268 6.268 0 00-4.628-2c-1.685 0-3.242.702-4.266 1.915-.064.085-.17.106-.277.085-.107-.042-.17-.128-.17-.234V1.345H88.12v19.106h2.943v-1.34c0-.106.064-.192.171-.234zm-.298-5.064c0-2.425 1.834-4.319 4.18-4.319 2.346 0 4.18 1.894 4.18 4.32 0 2.425-1.834 4.318-4.18 4.318-2.346 0-4.18-1.915-4.18-4.319zm19.856-3.933c.277 0 .533.022.704.064V6.923l-.164-.024a3.043 3.043 0 00-.327-.019c-1.535 0-2.943.788-3.69 2.043-.063.106-.17.149-.277.106a.25.25 0 01-.192-.234V7.157h-2.922v13.32h2.944v-5.873c0-2.915 1.493-4.724 3.924-4.724zm5.545-2.724h-2.986v13.319h2.986V7.155zm-1.536-5.79a1.81 1.81 0 100 3.617 1.81 1.81 0 100-3.617zm10.28 5.448c-4.094 0-7.06 2.936-7.06 7 0 1.979.706 3.745 1.963 5.021 1.28 1.277 3.071 1.979 5.076 1.979 1.664 0 2.943-.32 5.375-2.106l-1.684-1.766c-1.196.787-2.305 1.17-3.392 1.17-2.474 0-4.33-1.851-4.33-4.298s1.856-4.298 4.33-4.298c1.173 0 2.26.383 3.349 1.17l1.876-1.766c-2.196-1.872-4.18-2.106-5.502-2.106zm23.97-.021c2.09 0 3.905 1.106 4.779 2.893l-2.368 1.277c-.555-1.107-1.429-1.745-2.41-1.745-1.024 0-1.75.553-1.75 1.362 0 .702.513 1.213 1.6 1.574l1.6.532c2.346.766 3.498 2.022 3.498 3.851 0 2.788-2.453 4.256-4.863 4.256-2.367 0-4.308-1.256-5.097-3.277l2.41-1.277c.512 1.256 1.578 2.022 2.772 2.022.896 0 1.942-.405 1.942-1.532 0-.701-.435-1.157-1.446-1.51l-1.84-.597c-2.28-.723-3.39-1.957-3.39-3.808 0-2.32 1.919-4.021 4.564-4.021zM135 1.366v10.469c0 .106.064.19.15.234.106.02.212 0 .277-.064l4.84-4.851h3.605l-5.609 5.595c-.107.085-.107.234-.02.34l6.099 7.362h-3.626l-4.713-5.83c-.065-.042-.128-.084-.193-.084h-.02a.244.244 0 00-.172.063l-.554.49c-.064.042-.085.127-.085.191v5.192h-2.943V1.366h2.964zM69.054 20.665c.938 0 1.77-.085 2.24-.15v-2.552a16.55 16.55 0 01-1.472.085l-.221-.003c-1.085-.033-1.89-.371-1.89-2.785V9.792c0-.149.106-.255.255-.255h2.88V7.133h-2.88a.246.246 0 01-.256-.256v-3.83h-2.943V6.9a.246.246 0 01-.256.255h-2.048v2.404h2.048c.15 0 .256.107.256.256v6.191c0 4.66 3.114 4.66 4.287 4.66z"></path>
+      </g>
+    </svg>
+  );
+});
+
+export default Icon;
diff --git a/src/Dbrx/components/Color.tsx b/src/Dbrx/components/Color.tsx
@@ -0,0 +1,28 @@
+import { forwardRef } from 'react';
+
+import type { IconType } from '@/types';
+
+import { TITLE } from '../style';
+
+const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+  return (
+    <svg
+      height={size}
+      ref={ref}
+      style={{ flex: 'none', lineHeight: 1, ...style }}
+      viewBox="0 0 24 24"
+      width={size}
+      xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <title>{TITLE}</title>
+      <path
+        d="M21.821 9.894l-9.81 5.595L1.505 9.511 1 9.787v4.34l11.01 6.256 9.811-5.574v2.297l-9.81 5.596-10.506-5.979L1 17v.745L12.01 24 23 17.745v-4.34l-.505-.277-10.484 5.957-9.832-5.574v-2.298l9.832 5.574L23 10.532V6.255l-.547-.319-10.442 5.936-9.327-5.276 9.327-5.298 7.663 4.362.673-.383v-.532L12.011 0 1 6.255v.681l11.01 6.255 9.811-5.595z"
+        fill="#EE3D2C"
+        fillRule="nonzero"
+      ></path>
+    </svg>
+  );
+});
+
+export default Icon;
diff --git a/src/Dbrx/components/Combine.tsx b/src/Dbrx/components/Combine.tsx
@@ -0,0 +1,28 @@
+import { memo } from 'react';
+
+import IconCombine, { type IconCombineProps } from '@/IconCombine';
+
+import { SPACE_MULTIPLE, TEXT_MULTIPLE, TITLE } from '../style';
+import Color from './Color';
+import Mono from './Mono';
+import Text from './Text';
+
+export interface CombineProps extends Omit<IconCombineProps, 'Icon' | 'Text'> {
+  type?: 'color' | 'mono';
+}
+const Combine = memo<CombineProps>(({ type = 'mono', ...rest }) => {
+  const Icon = type === 'color' ? Color : Mono;
+
+  return (
+    <IconCombine
+      Icon={Icon}
+      Text={Text}
+      aria-label={TITLE}
+      spaceMultiple={SPACE_MULTIPLE}
+      textMultiple={TEXT_MULTIPLE}
+      {...rest}
+    />
+  );
+});
+
+export default Combine;
diff --git a/src/Dbrx/components/Mono.tsx b/src/Dbrx/components/Mono.tsx
@@ -0,0 +1,26 @@
+import { forwardRef } from 'react';
+
+import type { IconType } from '@/types';
+
+import { TITLE } from '../style';
+
+const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+  return (
+    <svg
+      fill="currentColor"
+      fillRule="evenodd"
+      height={size}
+      ref={ref}
+      style={{ flex: 'none', lineHeight: 1, ...style }}
+      viewBox="0 0 24 24"
+      width={size}
+      xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <title>{TITLE}</title>
+      <path d="M21.821 9.894l-9.81 5.595L1.505 9.511 1 9.787v4.34l11.01 6.256 9.811-5.574v2.297l-9.81 5.596-10.506-5.979L1 17v.745L12.01 24 23 17.745v-4.34l-.505-.277-10.484 5.957-9.832-5.574v-2.298l9.832 5.574L23 10.532V6.255l-.547-.319-10.442 5.936-9.327-5.276 9.327-5.298 7.663 4.362.673-.383v-.532L12.011 0 1 6.255v.681l11.01 6.255 9.811-5.595z"></path>
+    </svg>
+  );
+});
+
+export default Icon;
diff --git a/src/Dbrx/components/Text.tsx b/src/Dbrx/components/Text.tsx
@@ -0,0 +1,25 @@
+import { forwardRef } from 'react';
+
+import type { IconType } from '@/types';
+
+import { TITLE } from '../style';
+
+const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+  return (
+    <svg
+      fill="currentColor"
+      fillRule="evenodd"
+      height={size}
+      ref={ref}
+      style={{ flex: 'none', lineHeight: 1, width: 'fit-content', ...style }}
+      viewBox="0 0 96 24"
+      xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <title>{TITLE}</title>
+      <path d="M77.948 22l6.192-10.114L77.89 2h3.468l4.73 7.486L90.503 2h3.411l-6.22 10.029L94 22h-3.468l-4.759-7.543L81.36 22h-3.41zM54.29 22V2h6.908c1.586 0 2.885.267 3.898.8 1.032.533 1.796 1.257 2.293 2.171.497.896.746 1.896.746 3a5.972 5.972 0 01-1.004 3.372c-.65 1.01-1.672 1.733-3.067 2.171L68.334 22H64.81l-3.899-8.057h-3.583V22H54.29zm3.038-10.343h3.698c1.376 0 2.379-.333 3.01-1 .65-.667.974-1.533.974-2.6 0-1.067-.315-1.914-.946-2.543-.63-.647-1.653-.971-3.067-.971h-3.669v7.114zM29.377 22V2h7.566c2.083 0 3.66.486 4.73 1.457 1.07.972 1.605 2.19 1.605 3.657 0 1.276-.344 2.296-1.032 3.057a5.21 5.21 0 01-2.494 1.515 4.826 4.826 0 012.036.914 4.796 4.796 0 011.433 1.714 4.9 4.9 0 01.516 2.229c0 1.028-.258 1.962-.774 2.8-.497.819-1.233 1.467-2.207 1.943-.975.476-2.17.714-3.583.714h-7.797zm3.037-11.429h4.157c1.165 0 2.054-.266 2.665-.8.612-.552.918-1.304.918-2.257 0-.933-.306-1.676-.918-2.228-.592-.553-1.5-.829-2.723-.829h-4.099v6.114zm0 8.943h4.357c1.223 0 2.17-.285 2.838-.857.688-.571 1.032-1.371 1.032-2.4 0-1.028-.354-1.838-1.06-2.428-.708-.61-1.663-.915-2.867-.915h-4.3v6.6zM2 22V2h6.507c2.35 0 4.28.41 5.79 1.229 1.528.819 2.656 1.98 3.382 3.485.745 1.486 1.118 3.257 1.118 5.315 0 2.038-.373 3.81-1.118 5.314-.726 1.486-1.854 2.638-3.382 3.457-1.51.8-3.44 1.2-5.79 1.2H2zm3.038-2.571h3.354c1.815 0 3.249-.296 4.3-.886 1.07-.59 1.834-1.438 2.293-2.543.477-1.105.716-2.429.716-3.971 0-1.543-.239-2.877-.716-4a5.03 5.03 0 00-2.293-2.572c-1.051-.61-2.485-.914-4.3-.914H5.038v14.886z"></path>
+    </svg>
+  );
+});
+
+export default Icon;