diff --git a/components/modal/Modal.tsx b/components/modal/Modal.tsx
index 72d2d0d652..6401164a5a 100644
--- a/components/modal/Modal.tsx
+++ b/components/modal/Modal.tsx
@@ -223,9 +223,9 @@ export default class Modal extends React.Component<ModalProps, {}> {
       </LocaleReceiver>
     );
 
-    const closeIconToRender = closeIcon || (
+    const closeIconToRender = (
       <span className={`${prefixCls}-close-x`}>
-        <Icon className={`${prefixCls}-close-icon`} type="close" />
+        {closeIcon || <Icon className={`${prefixCls}-close-icon`} type="close" />}
       </span>
     );
 
diff --git a/components/modal/__tests__/__snapshots__/Modal.test.js.snap b/components/modal/__tests__/__snapshots__/Modal.test.js.snap
index 1f95fed6bd..1fc56f54e0 100644
--- a/components/modal/__tests__/__snapshots__/Modal.test.js.snap
+++ b/components/modal/__tests__/__snapshots__/Modal.test.js.snap
@@ -198,9 +198,13 @@ exports[`Modal support closeIcon 1`] = `
           class="ant-modal-close"
           type="button"
         >
-          <a>
-            closeIcon
-          </a>
+          <span
+            class="ant-modal-close-x"
+          >
+            <a>
+              closeIcon
+            </a>
+          </span>
         </button>
         <div
           class="ant-modal-body"