diff --git a/components/_util/hooks/useClosable.tsx b/components/_util/hooks/useClosable.tsx
index aeff825426..d6fc240168 100644
--- a/components/_util/hooks/useClosable.tsx
+++ b/components/_util/hooks/useClosable.tsx
@@ -1,4 +1,4 @@
-import { CloseOutlined } from '@ant-design/icons';
+import CloseOutlined from '@ant-design/icons/CloseOutlined';
 import type { ReactNode } from 'react';
 import React from 'react';
 
diff --git a/components/modal/Modal.tsx b/components/modal/Modal.tsx
index 5622c2e3f7..14974f4cbe 100644
--- a/components/modal/Modal.tsx
+++ b/components/modal/Modal.tsx
@@ -1,4 +1,4 @@
-import { CloseOutlined } from '@ant-design/icons';
+import CloseOutlined from '@ant-design/icons/CloseOutlined';
 import classNames from 'classnames';
 import Dialog from 'rc-dialog';
 import * as React from 'react';
diff --git a/components/qr-code/index.tsx b/components/qr-code/index.tsx
index 11ebb27159..79f85f2978 100644
--- a/components/qr-code/index.tsx
+++ b/components/qr-code/index.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { ReloadOutlined } from '@ant-design/icons';
+import ReloadOutlined from '@ant-design/icons/ReloadOutlined';
 import classNames from 'classnames';
 import { QRCodeCanvas, QRCodeSVG } from 'qrcode.react';
 import React, { useContext } from 'react';