diff --git a/dist/android-chrome-192x192.png b/dist/android-chrome-192x192.png
new file mode 100644
index 0000000..32ddfd1
Binary files /dev/null and b/dist/android-chrome-192x192.png differ
diff --git a/dist/android-chrome-512x512.png b/dist/android-chrome-512x512.png
new file mode 100644
index 0000000..6b0bec9
Binary files /dev/null and b/dist/android-chrome-512x512.png differ
diff --git a/dist/apple-touch-icon.png b/dist/apple-touch-icon.png
new file mode 100644
index 0000000..4529442
Binary files /dev/null and b/dist/apple-touch-icon.png differ
diff --git a/dist/favicon-16x16.png b/dist/favicon-16x16.png
new file mode 100644
index 0000000..18e17be
Binary files /dev/null and b/dist/favicon-16x16.png differ
diff --git a/dist/favicon-32x32.png b/dist/favicon-32x32.png
new file mode 100644
index 0000000..12a8120
Binary files /dev/null and b/dist/favicon-32x32.png differ
diff --git a/dist/favicon.ico b/dist/favicon.ico
new file mode 100644
index 0000000..9f85952
Binary files /dev/null and b/dist/favicon.ico differ
diff --git a/dist/icons/196.webp b/dist/icons/196.webp
deleted file mode 100644
index 4fff268..0000000
Binary files a/dist/icons/196.webp and /dev/null differ
diff --git a/dist/icons/48.webp b/dist/icons/48.webp
deleted file mode 100644
index ad03002..0000000
Binary files a/dist/icons/48.webp and /dev/null differ
diff --git a/dist/icons/original.png b/dist/icons/original.png
deleted file mode 100644
index cd545db..0000000
Binary files a/dist/icons/original.png and /dev/null differ
diff --git a/dist/index.html b/dist/index.html
index 4cb55db..8eb2821 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -4,8 +4,10 @@
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Mini Mail Dev</title>
-		<link rel="icon" type="image/webp" sizes="48x48" href="/icons/48.webp">
-		<link rel="icon" type="image/webp" sizes="196x196" href="/icons/196.webp">		
+		<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+		<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+		<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+		<link rel="manifest" href="/site.webmanifest">
 		<style>
 			body {
 				background-color: #09090b;
diff --git a/dist/site.webmanifest b/dist/site.webmanifest
new file mode 100644
index 0000000..25a2a85
--- /dev/null
+++ b/dist/site.webmanifest
@@ -0,0 +1,19 @@
+{
+	"name": "Mini Mail Dev",
+	"short_name": "Mini maildev",
+	"icons": [
+		{
+			"src": "/android-chrome-192x192.png",
+			"sizes": "192x192",
+			"type": "image/png"
+		},
+		{
+			"src": "/android-chrome-512x512.png",
+			"sizes": "512x512",
+			"type": "image/png"
+		}
+	],
+	"theme_color": "#ffffff",
+	"background_color": "#000000",
+	"display": "standalone"
+}
diff --git a/index.html b/index.html
index e7f3367..f6951ae 100644
--- a/index.html
+++ b/index.html
@@ -4,8 +4,10 @@
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Mini Mail Dev</title>
-		<link rel="icon" type="image/webp" sizes="48x48" href="/icons/48.webp">
-		<link rel="icon" type="image/webp" sizes="196x196" href="/icons/196.webp">		
+		<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+		<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+		<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+		<link rel="manifest" href="/site.webmanifest">
 		<style>
 			body {
 				background-color: #09090b;
diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
new file mode 100644
index 0000000..32ddfd1
Binary files /dev/null and b/public/android-chrome-192x192.png differ
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
new file mode 100644
index 0000000..6b0bec9
Binary files /dev/null and b/public/android-chrome-512x512.png differ
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 0000000..4529442
Binary files /dev/null and b/public/apple-touch-icon.png differ
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
new file mode 100644
index 0000000..18e17be
Binary files /dev/null and b/public/favicon-16x16.png differ
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
new file mode 100644
index 0000000..12a8120
Binary files /dev/null and b/public/favicon-32x32.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..9f85952
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/icons/196.webp b/public/icons/196.webp
deleted file mode 100644
index 4fff268..0000000
Binary files a/public/icons/196.webp and /dev/null differ
diff --git a/public/icons/48.webp b/public/icons/48.webp
deleted file mode 100644
index ad03002..0000000
Binary files a/public/icons/48.webp and /dev/null differ
diff --git a/public/icons/original.png b/public/icons/original.png
deleted file mode 100644
index cd545db..0000000
Binary files a/public/icons/original.png and /dev/null differ
diff --git a/public/site.webmanifest b/public/site.webmanifest
new file mode 100644
index 0000000..25a2a85
--- /dev/null
+++ b/public/site.webmanifest
@@ -0,0 +1,19 @@
+{
+	"name": "Mini Mail Dev",
+	"short_name": "Mini maildev",
+	"icons": [
+		{
+			"src": "/android-chrome-192x192.png",
+			"sizes": "192x192",
+			"type": "image/png"
+		},
+		{
+			"src": "/android-chrome-512x512.png",
+			"sizes": "512x512",
+			"type": "image/png"
+		}
+	],
+	"theme_color": "#ffffff",
+	"background_color": "#000000",
+	"display": "standalone"
+}