diff --git a/src/assets/icon/gachonTaxi.svg b/src/assets/icon/gachonTaxi.svg
new file mode 100644
index 0000000..e20d144
--- /dev/null
+++ b/src/assets/icon/gachonTaxi.svg
@@ -0,0 +1,22 @@
+
diff --git a/src/components/loading/TaxiLoading.tsx b/src/components/loading/TaxiLoading.tsx
new file mode 100644
index 0000000..c9395db
--- /dev/null
+++ b/src/components/loading/TaxiLoading.tsx
@@ -0,0 +1,26 @@
+import TaxiSvg from '@/assets/icon/gachonTaxi.svg?react';
+import { motion } from 'framer-motion';
+
+const TaxiLoading = () => {
+ return (
+
+ );
+};
+
+export default TaxiLoading;
diff --git a/src/components/loading/index.tsx b/src/components/loading/index.tsx
index 01880e6..ce6c544 100644
--- a/src/components/loading/index.tsx
+++ b/src/components/loading/index.tsx
@@ -1,52 +1,10 @@
-import { useEffect, useState } from 'react';
-import LoadingTaxi from '@/assets/icon/loadingTaxi.svg?react';
+import TaxiLoading from './TaxiLoading';
const LoadingScreen = () => {
- const [rotation, setRotation] = useState(0);
-
- useEffect(() => {
- const interval = setInterval(() => {
- setRotation((prev) => (prev + 10) % 360);
- }, 300);
-
- return () => clearInterval(interval);
- }, []);
-
return (
);
};