diff --git a/frontend/public/assets/apple-touch-icon.png b/frontend/public/assets/apple-touch-icon.png
new file mode 100644
index 0000000..9fde39f
Binary files /dev/null and b/frontend/public/assets/apple-touch-icon.png differ
diff --git a/frontend/public/assets/favicon-96x96.png b/frontend/public/assets/favicon-96x96.png
new file mode 100644
index 0000000..2619f6f
Binary files /dev/null and b/frontend/public/assets/favicon-96x96.png differ
diff --git a/frontend/public/assets/favicon.ico b/frontend/public/assets/favicon.ico
new file mode 100644
index 0000000..6254ec1
Binary files /dev/null and b/frontend/public/assets/favicon.ico differ
diff --git a/frontend/public/assets/favicon.svg b/frontend/public/assets/favicon.svg
new file mode 100644
index 0000000..5210276
--- /dev/null
+++ b/frontend/public/assets/favicon.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000" height="1000"><style>
+    #light-icon {
+      display: inline;
+    }
+    #dark-icon {
+      display: none;
+    }
+
+    @media (prefers-color-scheme: dark) {
+      #light-icon {
+        display: none;
+      }
+      #dark-icon {
+        display: inline;
+      }
+    }
+  </style><g id="light-icon"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000" height="1000"><g clip-path="url(#SvgjsClipPath1037)"><rect width="1000" height="1000" fill="#222831"></rect><g transform="matrix(2.734375,0,0,2.734375,150,150)"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="256" height="256" viewBox="0 0 256 256" id="svg1" inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)" sodipodi:docname="logo.svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview id="namedview1" pagecolor="#545454" bordercolor="#000000" borderopacity="0.25" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" inkscape:document-units="px" inkscape:zoom="2.0667789" inkscape:cx="164.02335" inkscape:cy="169.82949" inkscape:window-width="1661" inkscape:window-height="1071" inkscape:window-x="26" inkscape:window-y="23" inkscape:window-maximized="0" inkscape:current-layer="layer2"></sodipodi:namedview><defs id="defs1"><clipPath id="SvgjsClipPath1037"><rect width="1000" height="1000" x="0" y="0" rx="150" ry="150"></rect></clipPath></defs><g inkscape:groupmode="layer" id="layer2" inkscape:label="Layer 2">
+    <rect style="fill:#ffffff;stroke-width:2.34204" id="rect2" width="226" height="45" x="15" y="15"></rect>
+    <rect style="fill:#ffffff;stroke-width:2.11578" id="rect2-4-6" width="50" height="166" x="80" y="75"></rect>
+    <rect style="fill:#ffffff;stroke-width:1.52643" id="rect2-0" width="96" height="45" x="145" y="196"></rect>
+    <rect style="fill:#ffffff;stroke-width:1.52642" id="rect2-0-6" width="96" height="45" x="145" y="105.5"></rect>
+  </g></svg></g></g></svg></g><g id="dark-icon"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000" height="1000"><g><g transform="matrix(3.90625,0,0,3.90625,0,0)"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="256" height="256" viewBox="0 0 256 256" id="svg1" inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)" sodipodi:docname="logo.svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview id="namedview1" pagecolor="#545454" bordercolor="#000000" borderopacity="0.25" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" inkscape:document-units="px" inkscape:zoom="2.0667789" inkscape:cx="164.02335" inkscape:cy="169.82949" inkscape:window-width="1661" inkscape:window-height="1071" inkscape:window-x="26" inkscape:window-y="23" inkscape:window-maximized="0" inkscape:current-layer="layer2"></sodipodi:namedview><defs id="defs1"></defs><g inkscape:groupmode="layer" id="layer2" inkscape:label="Layer 2">
+    <rect style="fill:#ffffff;stroke-width:2.34204" id="rect2" width="226" height="45" x="15" y="15"></rect>
+    <rect style="fill:#ffffff;stroke-width:2.11578" id="rect2-4-6" width="50" height="166" x="80" y="75"></rect>
+    <rect style="fill:#ffffff;stroke-width:1.52643" id="rect2-0" width="96" height="45" x="145" y="196"></rect>
+    <rect style="fill:#ffffff;stroke-width:1.52642" id="rect2-0-6" width="96" height="45" x="145" y="105.5"></rect>
+  </g></svg></g></g></svg></g></svg>
\ No newline at end of file
diff --git a/frontend/public/assets/logo.svg b/frontend/public/assets/logo.svg
new file mode 100644
index 0000000..98d04b2
--- /dev/null
+++ b/frontend/public/assets/logo.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="256"
+   height="256"
+   viewBox="0 0 256 256"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   sodipodi:docname="logo.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#545454"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     inkscape:zoom="2.0667789"
+     inkscape:cx="164.02335"
+     inkscape:cy="169.82949"
+     inkscape:window-width="1661"
+     inkscape:window-height="1071"
+     inkscape:window-x="26"
+     inkscape:window-y="23"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer2" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2">
+    <rect
+       style="fill:#ffffff;stroke-width:2.34204"
+       id="rect2"
+       width="226"
+       height="45"
+       x="15"
+       y="15" />
+    <rect
+       style="fill:#ffffff;stroke-width:2.11578"
+       id="rect2-4-6"
+       width="50"
+       height="166"
+       x="80"
+       y="75" />
+    <rect
+       style="fill:#ffffff;stroke-width:1.52643"
+       id="rect2-0"
+       width="96"
+       height="45"
+       x="145"
+       y="196" />
+    <rect
+       style="fill:#ffffff;stroke-width:1.52642"
+       id="rect2-0-6"
+       width="96"
+       height="45"
+       x="145"
+       y="105.5" />
+  </g>
+</svg>
diff --git a/frontend/public/assets/site.webmanifest b/frontend/public/assets/site.webmanifest
new file mode 100644
index 0000000..16ae77f
--- /dev/null
+++ b/frontend/public/assets/site.webmanifest
@@ -0,0 +1,21 @@
+{
+  "name": "tesoft",
+  "short_name": "tesoft",
+  "icons": [
+    {
+      "src": "/assets/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/assets/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
\ No newline at end of file
diff --git a/frontend/public/assets/web-app-manifest-192x192.png b/frontend/public/assets/web-app-manifest-192x192.png
new file mode 100644
index 0000000..f71f192
Binary files /dev/null and b/frontend/public/assets/web-app-manifest-192x192.png differ
diff --git a/frontend/public/assets/web-app-manifest-512x512.png b/frontend/public/assets/web-app-manifest-512x512.png
new file mode 100644
index 0000000..df4910c
Binary files /dev/null and b/frontend/public/assets/web-app-manifest-512x512.png differ
diff --git a/frontend/src/components/nav.njk b/frontend/src/components/nav.njk
index dc5c06b..ee8dce5 100644
--- a/frontend/src/components/nav.njk
+++ b/frontend/src/components/nav.njk
@@ -25,6 +25,10 @@
             padding: var(--small-padding) var(--medium-padding);
         }
 
+        img {
+            width: 100%;
+        }
+
         a {
             display: grid;
             grid-template-columns: 1fr;
@@ -122,9 +126,7 @@
     <nav>
         <div>
             <a href="/">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960">
-                    <path d="M240-360h96q19 0 32.5-13.5T382-406v-148q0-19-13.5-32.5T336-600h-96v240Zm46-46v-148h50v148h-50Zm149 46h98v-46h-82v-52h52v-46h-52v-50h82v-46h-98q-13 0-21.5 8.5T405-570v180q0 13 8.5 21.5T435-360Zm228.5-9.5Q673-378 676-391l56-209h-48l-43 164-43-164h-48l56 209q3 13 12.5 21.5T641-361q13 0 22.5-8.5ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z"/>
-                </svg>
+                <img src="/assets/logo.svg" alt="logo">
             </a>
             <slot>
             </slot>
diff --git a/frontend/src/layouts/main.njk b/frontend/src/layouts/main.njk
index 91e1290..b4b88d6 100644
--- a/frontend/src/layouts/main.njk
+++ b/frontend/src/layouts/main.njk
@@ -5,6 +5,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>tesoft - {{ title }}</title>
     <link rel="stylesheet" href="/src/styles/main.css">
+    <link rel="icon" type="image/png" href="/assets/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />
+    <link rel="shortcut icon" href="/assets/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-title" content="tesoft" />
+    <link rel="manifest" href="/assets/site.webmanifest" />
     {% block styles %}
     {% endblock %}
 </head>