diff --git a/curiosrc/web/hapi/web/root.gohtml b/curiosrc/web/hapi/web/root.gohtml
index aa7bc586a51..b3a41e8006d 100644
--- a/curiosrc/web/hapi/web/root.gohtml
+++ b/curiosrc/web/hapi/web/root.gohtml
@@ -6,6 +6,7 @@
     <script type="module" src="chain-connectivity.js"></script>
     <link rel="stylesheet" href="/main.css">
     <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/hack-font@3.3.0/build/web/hack-subset.css'>
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
 </head>
 <body>
 <div class="app-head">
diff --git a/curiosrc/web/static/favicon.svg b/curiosrc/web/static/favicon.svg
new file mode 100644
index 00000000000..91f132959f2
--- /dev/null
+++ b/curiosrc/web/static/favicon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 613.86 637.95"><defs><style>.cls-1{clip-path:url(#clippath);}.cls-2{fill:none;}.cls-2,.cls-3,.cls-4,.cls-5,.cls-6,.cls-7{stroke-width:0px;}.cls-3{fill:#1dc8cc;}.cls-4{fill:#882ee8;}.cls-5{fill:#3d294f;}.cls-6{fill:#8e7f9c;}.cls-7{fill:#270f3d;}</style><clipPath id="clippath"><rect class="cls-2" width="613.86" height="637.95"/></clipPath></defs><g class="cls-1"><polygon class="cls-6" points="368.32 637.94 491.09 425.29 245.54 425.29 368.32 637.94"/><polygon class="cls-4" points="0 425.3 122.77 637.95 368.32 637.95 245.55 425.3 0 425.3"/><polygon class="cls-3" points="245.54 425.29 491.09 425.29 613.86 212.65 368.31 212.64 245.54 425.29"/><polygon class="cls-5" points="491.09 0 368.32 212.64 613.86 212.65 491.09 0"/><polygon class="cls-7" points="245.55 .01 0 425.3 245.54 425.29 491.09 0 245.55 .01"/></g></svg>
\ No newline at end of file
diff --git a/curiosrc/web/static/index.html b/curiosrc/web/static/index.html
index 674b4a88e93..04050ff6ed5 100644
--- a/curiosrc/web/static/index.html
+++ b/curiosrc/web/static/index.html
@@ -34,10 +34,16 @@
         .deadline-faulty {
             background-color: red;
         }
+        .logo {
+            display: inline-block;
+        }
     </style>
 </head>
 <body>
 <div class="app-head">
+    <div class="logo">
+        <img src="favicon.svg" alt="Curio Logo" style="height: 64px; margin: 8px;">
+    </div>
     <div class="head-left">
         <h1>Curio Cluster</h1>
     </div>
