diff --git a/html/static/icons/favicon16.png b/html/static/icons/favicon16.png
new file mode 100644
index 0000000..14e3c4f
Binary files /dev/null and b/html/static/icons/favicon16.png differ
diff --git a/html/static/icons/favicon180.png b/html/static/icons/favicon180.png
new file mode 100644
index 0000000..c51870b
Binary files /dev/null and b/html/static/icons/favicon180.png differ
diff --git a/html/static/icons/favicon192.png b/html/static/icons/favicon192.png
new file mode 100644
index 0000000..94f541e
Binary files /dev/null and b/html/static/icons/favicon192.png differ
diff --git a/html/static/icons/favicon32.png b/html/static/icons/favicon32.png
new file mode 100644
index 0000000..5637ec6
Binary files /dev/null and b/html/static/icons/favicon32.png differ
diff --git a/html/static/icons/favicon48.ico b/html/static/icons/favicon48.ico
new file mode 100644
index 0000000..f979d6d
Binary files /dev/null and b/html/static/icons/favicon48.ico differ
diff --git a/html/static/icons/site.webmanifest b/html/static/icons/site.webmanifest
new file mode 100644
index 0000000..abcfb75
--- /dev/null
+++ b/html/static/icons/site.webmanifest
@@ -0,0 +1,15 @@
+{
+  "short_name": "drnk.me",
+  "name": "drnk.me: URL Shortener",
+  "icons": [
+    {
+      "src": "/static/icons/favicon192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    }
+  ],
+  "id": "/?source=pwa",
+  "start_url": "/?source=pwa",
+  "background_color": "lightgrey",
+  "display": "standalone"
+}
\ No newline at end of file
diff --git a/templates/layout/top.php b/templates/layout/top.php
index 87fac9d..5253ae2 100644
--- a/templates/layout/top.php
+++ b/templates/layout/top.php
@@ -4,6 +4,11 @@
     <title>
         <?php echo $data["title"] ?? "drnk.me"; ?>
     </title>
+    <link rel="icon" type="image/png" sizes="32x32" href="/static/icons/favicon32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/static/icons/favicon16.png">
+    <link rel="shortcut icon" href="/static/icons/favicon48.ico">
+    <link rel="apple-touch-icon" sizes="180x180" href="/static/icons/favicon180.png">
+    <link rel="manifest" href="/static/icons/site.webmanifest">
     <link rel="stylesheet" href="/static/css/main.css">
     <link rel="stylesheet" href="/static/css/fontawesome.min.css">
     <script src="/static/libs/htmx.js"></script>