diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..b91cc0c
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/icons/apple-touch-icon.png b/public/icons/apple-touch-icon.png
new file mode 100644
index 0000000..1959888
Binary files /dev/null and b/public/icons/apple-touch-icon.png differ
diff --git a/public/icons/favicon-16x16.png b/public/icons/favicon-16x16.png
new file mode 100644
index 0000000..c15a944
Binary files /dev/null and b/public/icons/favicon-16x16.png differ
diff --git a/public/icons/favicon-32x32.png b/public/icons/favicon-32x32.png
new file mode 100644
index 0000000..e0a21e4
Binary files /dev/null and b/public/icons/favicon-32x32.png differ
diff --git a/public/icons/icon-192.png b/public/icons/icon-192.png
new file mode 100644
index 0000000..fe2597f
Binary files /dev/null and b/public/icons/icon-192.png differ
diff --git a/src/views/layout.njk b/src/views/layout.njk
index 7ef9b6f..4d04425 100644
--- a/src/views/layout.njk
+++ b/src/views/layout.njk
@@ -4,6 +4,11 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>{% block title %}Harding's Clocks{% endblock %}</title>
+  <link rel="icon" href="/favicon.ico" sizes="any">
+  <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="192x192" href="/icons/icon-192.png">
+  <link rel="apple-touch-icon" href="/icons/apple-touch-icon.png">
   <link rel="stylesheet" href="/css/style.css">
   <script src="/vendor/htmx/htmx.min.js" defer></script>
 </head>