diff --git a/public/css/style.css b/public/css/style.css
index f5ed529..908bc2b 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -12,3 +12,16 @@ fieldset {
 button {
     padding: 0.5em 1em;
 }
+
+h1 {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    /* space between icon and text */
+}
+
+.crab-icon {
+    width: 40px;
+    /* adjust size as you like */
+    height: auto;
+}
diff --git a/public/img/crab.png b/public/img/crab.png
new file mode 100644
index 0000000..88b56f2
Binary files /dev/null and b/public/img/crab.png differ
diff --git a/public/index.html b/public/index.html
index 278d056..a0a7bab 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,13 +4,17 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/x-icon" href="/img/crab.png">
     <title>Dataset Downloader & Answer Uploader</title>
     <link rel="stylesheet" href="css/style.css">
     <script defer src="js/index.js"></script>
 </head>
 
 <body>
-    <h1>Crab Webapp</h1>
+    <h1>
+        <img src="/img/crab.png" alt="Crab" class="crab-icon">
+        Crab Webapp
+    </h1>
 
     <fieldset>
         <legend><strong>Download a Dataset</strong></legend>
