diff --git a/app/static/favicon.ico b/app/static/favicon.ico
new file mode 100644
index 0000000..60261fa
Binary files /dev/null and b/app/static/favicon.ico differ
diff --git a/app/static/images/android-chrome-192x192.png b/app/static/images/android-chrome-192x192.png
new file mode 100644
index 0000000..c0df67f
Binary files /dev/null and b/app/static/images/android-chrome-192x192.png differ
diff --git a/app/static/images/android-chrome-512x512.png b/app/static/images/android-chrome-512x512.png
new file mode 100644
index 0000000..1cafc4e
Binary files /dev/null and b/app/static/images/android-chrome-512x512.png differ
diff --git a/app/static/images/apple-touch-icon.png b/app/static/images/apple-touch-icon.png
new file mode 100644
index 0000000..46c5baa
Binary files /dev/null and b/app/static/images/apple-touch-icon.png differ
diff --git a/app/static/images/favicon-16x16.png b/app/static/images/favicon-16x16.png
new file mode 100644
index 0000000..81a54ed
Binary files /dev/null and b/app/static/images/favicon-16x16.png differ
diff --git a/app/static/images/favicon-32x32.png b/app/static/images/favicon-32x32.png
new file mode 100644
index 0000000..94ee812
Binary files /dev/null and b/app/static/images/favicon-32x32.png differ
diff --git a/app/static/manifest.json b/app/static/manifest.json
new file mode 100644
index 0000000..536bb7c
--- /dev/null
+++ b/app/static/manifest.json
@@ -0,0 +1,19 @@
+{
+  "name": "mc-webui",
+  "short_name": "mc-webui",
+  "icons": [
+    {
+      "src": "/static/images/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/static/images/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#0d6efd",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
diff --git a/app/templates/base.html b/app/templates/base.html
index 8e62f6e..c7e9f54 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -5,6 +5,13 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
     <title>{% block title %}mc-webui{% endblock %}</title>
 
+    <!-- Favicon -->
+    <link rel="apple-touch-icon" sizes="180x180" href="{{ url_for('static', filename='images/apple-touch-icon.png') }}">
+    <link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='images/favicon-32x32.png') }}">
+    <link rel="icon" type="image/png" sizes="16x16" href="{{ url_for('static', filename='images/favicon-16x16.png') }}">
+    <link rel="manifest" href="{{ url_for('static', filename='manifest.json') }}">
+    <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
+
     <!-- Bootstrap 5 CSS -->
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
     <!-- Bootstrap Icons -->