2 files changed, 26 insertions, 0 deletions
diff --git a/src/web/components/loading/Loading.css b/src/web/components/loading/Loading.css
new file mode 100644
index 0000000..3889953
--- /dev/null
+++ b/src/web/components/loading/Loading.css
@@ -0,0 +1,13 @@
+.loading {
+    width: 1em;
+    height: 1em;
+    animation: rotate 1s infinite linear;
+}
+@keyframes rotate {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
+}
+\ No newline at end of file
diff --git a/src/web/components/loading/Loading.jsx b/src/web/components/loading/Loading.jsx
new file mode 100644
index 0000000..df2caf4
--- /dev/null
+++ b/src/web/components/loading/Loading.jsx
@@ -0,0 +1,13 @@
+import React from "react";
+
+import styles from "./Loading.css";
+
+import half_circle from "assets/svg/half_circle.svg";
+
+export default function Loading({className, ...others}) {
+    return (
+        <img src={half_circle}
+            className={styles.loading + (className ? " " + className : "")}
+            {...others} />
+    );
+}
+\ No newline at end of file