diff --git a/app/javascript/flavours/glitch/components/logo.jsx b/app/javascript/flavours/glitch/components/logo.jsx
index 16ca9f80f..3d7d1116f 100644
--- a/app/javascript/flavours/glitch/components/logo.jsx
+++ b/app/javascript/flavours/glitch/components/logo.jsx
@@ -1,14 +1,12 @@
-import logo from 'mastodon/../images/logo.svg';
-
 export const WordmarkLogo = () => (
   <svg viewBox='0 0 261 66' className='logo logo--wordmark' role='img'>
     <title>Mastodon</title>
-    <use xlinkHref='#logo-symbol-wordmark' />
+    <use xlinkHref='/logo-symbol-wordmark.svg#logo-symbol-wordmark' />
   </svg>
 );
 
 export const SymbolLogo = () => (
-  <img src={logo} alt='Mastodon' className='logo logo--icon' />
+  <img src='/logo-icon.svg' alt='Mastodon' className='logo logo--icon' />
 );
 
 export default WordmarkLogo;
diff --git a/app/javascript/mastodon/components/logo.tsx b/app/javascript/mastodon/components/logo.tsx
index 928aa29a7..1c6cfd67c 100644
--- a/app/javascript/mastodon/components/logo.tsx
+++ b/app/javascript/mastodon/components/logo.tsx
@@ -1,12 +1,10 @@
-import logo from 'mastodon/../images/logo.svg';
-
 export const WordmarkLogo: React.FC = () => (
   <svg viewBox='0 0 261 66' className='logo logo--wordmark' role='img'>
     <title>Mastodon</title>
-    <use xlinkHref='#logo-symbol-wordmark' />
+    <use xlinkHref='/logo-symbol-wordmark.svg#logo-symbol-wordmark' />
   </svg>
 );
 
 export const SymbolLogo: React.FC = () => (
-  <img src={logo} alt='Mastodon' className='logo logo--icon' />
+  <img src='/logo-icon.svg' alt='Mastodon' className='logo logo--icon' />
 );
diff --git a/app/javascript/images/logo.svg b/public/logo-icon.svg
similarity index 100%
rename from app/javascript/images/logo.svg
rename to public/logo-icon.svg
diff --git a/app/javascript/images/logo-symbol-wordmark.svg b/public/logo-symbol-wordmark.svg
similarity index 100%
rename from app/javascript/images/logo-symbol-wordmark.svg
rename to public/logo-symbol-wordmark.svg