diff --git a/templates/components/footer.gohtml b/templates/components/footer.gohtml
index 055c30d..7990e1e 100644
--- a/templates/components/footer.gohtml
+++ b/templates/components/footer.gohtml
@@ -2,10 +2,10 @@
 <footer class="mt-auto border-t border-neutral-800 bg-background-sidebar py-8 px-6 md:px-12">
   <div class="flex flex-col items-center justify-between gap-6 sm:flex-row">
     <div class="flex items-center gap-3">
-      <svg class="h-6 w-6 text-accent" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M15 80 L25 30 L50 60 L75 30 L85 80" stroke="currentColor" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/>
-        <circle cx="50" cy="25" r="8" fill="currentColor" />
-      </svg>
+      <picture>
+        <source media="(prefers-color-scheme: dark)" srcset="/static/readme-logo-dark.svg" />
+        <img src="/static/readme-logo-light.svg" alt="MAL" class="h-6 w-6" />
+      </picture>
       <span class="text-neutral-300 font-semibold text-lg tracking-tight">MyAnimeList</span>
     </div>
     <div class="flex items-center gap-6">