diff --git a/pages/popup/public/loading-icon.svg b/pages/popup/public/loading-icon.svg
new file mode 100644
index 00000000..1cef2f8d
--- /dev/null
+++ b/pages/popup/public/loading-icon.svg
@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="24" cy="24" r="20" stroke="#FFFFFF" stroke-opacity="0.5" stroke-width="4"/>
+<path d="M24 4A20 20 0 0 1 44 24" stroke="#27272A" stroke-width="4" stroke-linecap="round"/>
+</svg>
diff --git a/pages/popup/src/pages/splash/Splash.tsx b/pages/popup/src/pages/splash/Splash.tsx
index 3a0e2783..22944900 100644
--- a/pages/popup/src/pages/splash/Splash.tsx
+++ b/pages/popup/src/pages/splash/Splash.tsx
@@ -15,7 +15,7 @@ const Splash: React.FC = () => {
 
 const LoadingScreen = () => (
   <div className="bg-primary-yellow flex items-center justify-center w-full h-full">
-    <img src={chrome.runtime.getURL('loading-icon.svg')} alt="Loading..." className="w-12 h-12 animate-spin" />
+    <img src={chrome.runtime.getURL('popup/loading-icon.svg')} alt="Loading..." className="w-12 h-12 animate-spin" />
   </div>
 );