diff --git a/templates/base.gohtml b/templates/base.gohtml
index 865ed58b..6f68a191 100644
--- a/templates/base.gohtml
+++ b/templates/base.gohtml
@@ -11,10 +11,10 @@
     document.documentElement.dataset.theme = preferredTheme;
     document.documentElement.style.colorScheme = preferredTheme;
   </script>
-  <link rel="manifest" href="/static/assets/manifest.json">
-  <link rel="icon" type="image/png" href="/static/assets/favicon.png">
-  <link rel="apple-touch-icon" href="/static/assets/apple-touch-icon.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="/static/assets/apple-touch-icon-120x120.png">
+  <link rel="manifest" href="{{assetURL "/static/assets/manifest.json"}}">
+  <link rel="icon" type="image/png" sizes="32x32" href="{{assetURL "/static/assets/favicon-32.png"}}">
+  <link rel="icon" type="image/png" sizes="16x16" href="{{assetURL "/static/assets/favicon-16.png"}}">
+  <link rel="apple-touch-icon" sizes="180x180" href="{{assetURL "/static/assets/apple-touch-icon-180.png"}}">
   <link rel="preload" href="https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
   <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap"></noscript>
   <link rel="preload" href="https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,600&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">