diff --git a/static/icons/grin-logo-192x192.png b/static/icons/grin-logo-192x192.png
new file mode 100644
index 0000000..f91ff71
Binary files /dev/null and b/static/icons/grin-logo-192x192.png differ
diff --git a/static/icons/grin-logo-apple-touch.png b/static/icons/grin-logo-apple-touch.png
new file mode 100644
index 0000000..31c8fd6
Binary files /dev/null and b/static/icons/grin-logo-apple-touch.png differ
diff --git a/static/icons/grin-logo.png b/static/icons/grin-logo.png
new file mode 100644
index 0000000..2bb681d
Binary files /dev/null and b/static/icons/grin-logo.png differ
diff --git a/templates/base.html.tera b/templates/base.html.tera
index cd525b1..c3d197b 100644
--- a/templates/base.html.tera
+++ b/templates/base.html.tera
@@ -12,7 +12,9 @@
     <link rel="stylesheet" type= "text/css" href="/static/styles/style.css" />
     <link rel= "stylesheet" type= "text/css" href= "/static/styles/bootstrap.css" />
     <link rel= "stylesheet" type= "text/css" href= "/static/styles/bootstrap-icons.css" />
-    <link rel="shortcut icon" type="image/png" href="/static/icon/grin-logo.png" />
+    <link rel="shortcut icon" type="image/png" href="/static/icons/grin-logo.png" />
+    <link rel="icon" type="image/png" sizes="192x192" href="/static/icons/grin-logo-192x192.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/static/icons/grin-logo-apple-touch.png" />
     <script src="/static/scripts/darkmode.js"></script>
     <script src="/static/scripts/darkmode_toggle.js"></script>
     <script src="/static/scripts/bootstrap.bundle.js"></script>