diff --git a/website/src/components/Modal/index.tsx b/website/src/components/Modal/index.tsx
index 1a3a754ba77f..97db5858cad0 100644
--- a/website/src/components/Modal/index.tsx
+++ b/website/src/components/Modal/index.tsx
@@ -2,6 +2,8 @@ import React, { useEffect, useState } from "react";
 
 import clsx from "clsx";
 
+import IconClose from "@theme/Icon/Close";
+
 import "./styles.css";
 
 export type Props = {
@@ -45,20 +47,7 @@ export default function Modal({
                 {title}
                 <div className="card-actions ml-auto">
                   <button className="btn btn-square btn-sm" onClick={onFadeOut}>
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      className="h-6 w-6"
-                      fill="none"
-                      viewBox="0 0 24 24"
-                      stroke="currentColor"
-                    >
-                      <path
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="2"
-                        d="M6 18L18 6M6 6l12 12"
-                      />
-                    </svg>
+                    <IconClose />
                   </button>
                 </div>
               </div>