diff --git a/assets/icons/loadingicon.svg b/assets/icons/loadingicon.svg
new file mode 100644
index 00000000..5836c96e
--- /dev/null
+++ b/assets/icons/loadingicon.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
+<svg
+    width="100%"
+    height="100%"
+    viewBox="0 0 64 64"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    xml:space="preserve"
+    class="th-icon"
+    style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;"
+>
+
+    <g>
+        <path
+            d="M32,5.131C46.829,5.131 58.869,17.171 58.869,32"
+            style="fill:none;"
+        />
+        <animateTransform
+            attributeName="transform"
+            attributeType="XML"
+            type="rotate"
+            from="0 32 32"
+            to="360 32 32"
+            dur="1s"
+            repeatCount="indefinite"
+        />
+    </g>
+</svg>
diff --git a/src/components/Icons/LoadingIcon.jsx b/src/components/Icons/LoadingIcon.jsx
new file mode 100644
index 00000000..1b30a9b8
--- /dev/null
+++ b/src/components/Icons/LoadingIcon.jsx
@@ -0,0 +1,6 @@
+import Icon from '@ant-design/icons'
+import CustomIconSvg from '../../../assets/icons/loadingicon.svg?react'
+
+const LoadingIcon = (props) => <Icon component={CustomIconSvg} {...props} />
+
+export default LoadingIcon