diff --git a/app/static/images/favicon-16x16.png b/app/static/images/favicon-16x16.png
new file mode 100644
index 0000000..d848d2c
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..d1bd675
Binary files /dev/null and b/app/static/images/favicon-32x32.png differ
diff --git a/app/templates/_layout.html b/app/templates/_layout.html
index 591f5bf..4aa190d 100644
--- a/app/templates/_layout.html
+++ b/app/templates/_layout.html
@@ -5,6 +5,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{% block title %}BP Tracker{% endblock %}</title>
+    <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-32x32.png') }}">
     <link href="/static/css/tailwind.css" rel="stylesheet">
     <script src="/static/js/alpine.min.js" defer></script>
     <script src="/static/js/turbolinks.min.js"></script>