diff --git a/packages/design/src/badge/demo/status-custom-icon.tsx b/packages/design/src/badge/demo/status-custom-icon.tsx
index 6b7ba03c4..71e2a98fc 100644
--- a/packages/design/src/badge/demo/status-custom-icon.tsx
+++ b/packages/design/src/badge/demo/status-custom-icon.tsx
@@ -6,7 +6,7 @@ import {
   WindowsOutlined,
   ChromeOutlined,
   TaobaoOutlined,
-} from '@ant-design/icons';
+} from '@oceanbase/icons';
 
 const App: React.FC = () => (
   <Space direction="vertical">
diff --git a/packages/design/src/spin/demo/custom-indicator.tsx b/packages/design/src/spin/demo/custom-indicator.tsx
index ebbbca258..a533b5db3 100644
--- a/packages/design/src/spin/demo/custom-indicator.tsx
+++ b/packages/design/src/spin/demo/custom-indicator.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { Alert, Space, Spin } from '@oceanbase/design';
-import { LoadingOutlined } from '@ant-design/icons';
+import { LoadingOutlined } from '@oceanbase/icons';
 
 const indicator = <LoadingOutlined style={{ fontSize: 24 }} spin />;
 
diff --git a/packages/ui/src/ContentWithIcon/demo/basic.tsx b/packages/ui/src/ContentWithIcon/demo/basic.tsx
index 11ba28963..3b722f925 100644
--- a/packages/ui/src/ContentWithIcon/demo/basic.tsx
+++ b/packages/ui/src/ContentWithIcon/demo/basic.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { ContentWithIcon } from '@oceanbase/ui';
-import { StepForwardOutlined } from '@ant-design/icons';
+import { StepForwardOutlined } from '@oceanbase/icons';
 
 export default () => {
   return (
diff --git a/packages/ui/src/Highlight/demo/config.js b/packages/ui/src/Highlight/demo/config.js
index 873e6dcd7..6fcf049a2 100644
--- a/packages/ui/src/Highlight/demo/config.js
+++ b/packages/ui/src/Highlight/demo/config.js
@@ -90,7 +90,7 @@ const configs = [
   {
     language: 'tsx',
     text: 'Tsx',
-    code: 'import React from \'react\';\nimport { Button, Tag, Space } from \'antd\';\nimport { ProList } from \'@oceanbase/ui\';\n\nconst dataSource = [\n  {\n    name: \'OceanBase Design\',\n    image:\n      \'https://mdn.alipayobjects.com/huamei_n8rchn/afts/img/A*d_ZTR7sdVzAAAAAAAAAAAAAADvSFAQ/original\',\n    desc: \'我是一条测试的描述\',\n  },\n  {\n    name: \'OceanBase Database\',\n    image:\n      \'https://mdn.alipayobjects.com/huamei_n8rchn/afts/img/A*d_ZTR7sdVzAAAAAAAAAAAAAADvSFAQ/original\',\n    desc: \'我是一条测试的描述\',\n  },\n  {\n    name: \'OceanBase Cloud\',\n    image:\n      \'https://mdn.alipayobjects.com/huamei_n8rchn/afts/img/A*d_ZTR7sdVzAAAAAAAAAAAAAADvSFAQ/original\',\n    desc: \'我是一条测试的描述\',\n  },\n  {\n    name: \'Oceanbase Design\',\n    image:\n      \'https://mdn.alipayobjects.com/huamei_n8rchn/afts/img/A*d_ZTR7sdVzAAAAAAAAAAAAAADvSFAQ/original\',\n    desc: \'我是一条测试的描述\',\n  },\n];\n\nexport default () => (\n  <ProList<any>\n    toolBarRender={() => {\n      return [\n        <Button key="add" type="primary">\n          新建\n        </Button>,\n      ];\n    }}\n    onRow={(record: any) => {\n      return {\n        onMouseEnter: () => {\n          console.log(record);\n        },\n        onClick: () => {\n          console.log(record);\n        },\n      };\n    }}\n    rowKey="name"\n    headerTitle="基础列表"\n    tooltip="基础列表的配置"\n    dataSource={dataSource}\n    showActions="hover"\n    showExtra="hover"\n    metas={{\n      title: {\n        dataIndex: \'name\',\n      },\n      avatar: {\n        dataIndex: \'image\',\n      },\n      description: {\n        dataIndex: \'desc\',\n      },\n      subTitle: {\n        render: () => {\n          return (\n            <Space size={0}>\n              <Tag color="blue">OceanBase Design</Tag>\n              <Tag color="#5BD8A6">Oceanbase Design</Tag>\n            </Space>\n          );\n        },\n      },\n      actions: {\n        render: (text, row) => [\n          <a href={row.html_url} target="_blank" rel="noopener noreferrer" key="link">\n            链路\n          </a>,\n          <a href={row.html_url} target="_blank" rel="noopener noreferrer" key="warning">\n            报警\n          </a>,\n          <a href={row.html_url} target="_blank" rel="noopener noreferrer" key="view">\n            查看\n          </a>,\n        ],\n      },\n    }}\n  />\n);',
+    code: 'import React from \'react\';\nimport { Button, Tag, Space } from \'@oceanbase/design\';\nimport { ProList } from \'@oceanbase/ui\';\n\nconst dataSource = [\n  {\n    name: \'OceanBase Design\',\n    image:\n      \'https://mdn.alipayobjects.com/huamei_n8rchn/afts/img/A*d_ZTR7sdVzAAAAAAAAAAAAAADvSFAQ/original\',\n    desc: \'我是一条测试的描述\',\n  },\n  {\n    name: \'OceanBase Database\',\n    image:\n      \'https://mdn.alipayobjects.com/huamei_n8rchn/afts/img/A*d_ZTR7sdVzAAAAAAAAAAAAAADvSFAQ/original\',\n    desc: \'我是一条测试的描述\',\n  },\n  {\n    name: \'OceanBase Cloud\',\n    image:\n      \'https://mdn.alipayobjects.com/huamei_n8rchn/afts/img/A*d_ZTR7sdVzAAAAAAAAAAAAAADvSFAQ/original\',\n    desc: \'我是一条测试的描述\',\n  },\n  {\n    name: \'Oceanbase Design\',\n    image:\n      \'https://mdn.alipayobjects.com/huamei_n8rchn/afts/img/A*d_ZTR7sdVzAAAAAAAAAAAAAADvSFAQ/original\',\n    desc: \'我是一条测试的描述\',\n  },\n];\n\nexport default () => (\n  <ProList<any>\n    toolBarRender={() => {\n      return [\n        <Button key="add" type="primary">\n          新建\n        </Button>,\n      ];\n    }}\n    onRow={(record: any) => {\n      return {\n        onMouseEnter: () => {\n          console.log(record);\n        },\n        onClick: () => {\n          console.log(record);\n        },\n      };\n    }}\n    rowKey="name"\n    headerTitle="基础列表"\n    tooltip="基础列表的配置"\n    dataSource={dataSource}\n    showActions="hover"\n    showExtra="hover"\n    metas={{\n      title: {\n        dataIndex: \'name\',\n      },\n      avatar: {\n        dataIndex: \'image\',\n      },\n      description: {\n        dataIndex: \'desc\',\n      },\n      subTitle: {\n        render: () => {\n          return (\n            <Space size={0}>\n              <Tag color="blue">OceanBase Design</Tag>\n              <Tag color="#5BD8A6">Oceanbase Design</Tag>\n            </Space>\n          );\n        },\n      },\n      actions: {\n        render: (text, row) => [\n          <a href={row.html_url} target="_blank" rel="noopener noreferrer" key="link">\n            链路\n          </a>,\n          <a href={row.html_url} target="_blank" rel="noopener noreferrer" key="warning">\n            报警\n          </a>,\n          <a href={row.html_url} target="_blank" rel="noopener noreferrer" key="view">\n            查看\n          </a>,\n        ],\n      },\n    }}\n  />\n);',
   },
   {
     language: 'typescript',