From 088ef79b111647a4ec2c0be2e47e0c0725e0678d Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Wed, 2 Sep 2026 19:02:30 +0100
Subject: [PATCH] Add LoadingIcon Component with SVG Animation

- Introduced a new LoadingIcon component that utilizes an SVG for a rotating loading animation.
- Added loadingicon.svg file to assets/icons for the visual representation of the loading state.
- Integrated the LoadingIcon component into the project for enhanced user experience during loading processes.
---
 assets/icons/loadingicon.svg         | 29 ++++++++++++++++++++++++++++
 src/components/Icons/LoadingIcon.jsx |  6 ++++++
 2 files changed, 35 insertions(+)
 create mode 100644 assets/icons/loadingicon.svg
 create mode 100644 src/components/Icons/LoadingIcon.jsx

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