diff --git a/community_backup/static/webui/css/webui.css b/community_backup/static/webui/css/webui.css
index 2a63eed..40cedd4 100644
--- a/community_backup/static/webui/css/webui.css
+++ b/community_backup/static/webui/css/webui.css
@@ -1,3 +1,12 @@
 h1 {
   font-size: 2rem
-};
+}
+
+.pixelart {
+  image-rendering: crisp-edges;
+}
+
+#logo {
+  min-width: 32px;
+  min-height: 32px;
+}
diff --git a/community_backup/static/webui/logo.png b/community_backup/static/webui/logo.png
new file mode 100644
index 0000000..9cd0b34
Binary files /dev/null and b/community_backup/static/webui/logo.png differ
diff --git a/community_backup/webui/templates/base.html b/community_backup/webui/templates/base.html
index 766acf7..4097b67 100644
--- a/community_backup/webui/templates/base.html
+++ b/community_backup/webui/templates/base.html
@@ -4,6 +4,7 @@
   <head>
         <link rel="stylesheet" href="{% static 'vendored/css/bulma.min.css' %}">
     <link rel="stylesheet" href="{% static 'webui/css/webui.css' %}">
+    <link rel="icon" href="{% static 'webui/logo.png'%}" type="image/png"/>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Community Backup</title>
@@ -34,7 +35,7 @@
   <body style="display: flex; flex-direction: column; height: 100vh">
     <nav class="navbar" role="navigation" aria-label="main navigation" >
         <div class="navbar-brand">
-            <a class="navbar-item" href="/">Community Backup</a>
+                <a class="navbar-item" href="/"><img id="logo" class="pixelart" src="{% static 'webui/logo.png' %}" alt="The logo if Community Backup, a pixelated hard disk platter and head."/> Community Backup</a>
             <a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
                 <span aria-hidden="true"></span>
                 <span aria-hidden="true"></span>