diff --git a/frontend/index.html b/frontend/index.html
index b4feaf1..cc6e951 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -9,7 +9,7 @@
     <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png" />
     <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png" />
     <link rel="manifest" href="/build/manifest.webmanifest" />
-    <link rel="apple-touch-icon" href="/build/icons/apple-touch-icon.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png" />
 
     <meta name="theme-color" content="#fdf6ee" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
diff --git a/public/apple-touch-icon-precomposed.png b/public/apple-touch-icon-precomposed.png
new file mode 100644
index 0000000..5b08852
Binary files /dev/null and b/public/apple-touch-icon-precomposed.png differ
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 0000000..5b08852
Binary files /dev/null and b/public/apple-touch-icon.png differ
diff --git a/public/build/index.html b/public/build/index.html
index fb353bf..9da50e2 100644
--- a/public/build/index.html
+++ b/public/build/index.html
@@ -9,7 +9,7 @@
     <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png" />
     <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png" />
     <link rel="manifest" href="/build/manifest.webmanifest" />
-    <link rel="apple-touch-icon" href="/build/icons/apple-touch-icon.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png" />
 
     <meta name="theme-color" content="#fdf6ee" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..30156b2
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..6627ecc
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <defs>
+    <clipPath id="wv-left"><rect x="0" y="0" width="32" height="64"/></clipPath>
+    <clipPath id="wv-right"><rect x="32" y="0" width="32" height="64"/></clipPath>
+  </defs>
+  <rect width="64" height="64" rx="12" fill="#1a3a5c"/>
+  <g font-family="system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif"
+     font-weight="900" font-size="56" text-anchor="middle">
+    <text x="32" y="50" fill="#fafafa" clip-path="url(#wv-left)">W</text>
+    <text x="32" y="50" fill="#f0d000" clip-path="url(#wv-right)">W</text>
+  </g>
+</svg>
diff --git a/templates/base.html.twig b/templates/base.html.twig
index a3f96b8..5475aaa 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -6,7 +6,7 @@
         <link rel="icon" type="image/svg+xml" href="/build/favicon.svg">
         <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png">
         <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png">
-        <link rel="apple-touch-icon" href="/build/icons/apple-touch-icon.png">
+        <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png">
         {% block stylesheets %}
         {% endblock %}
 
diff --git a/templates/help/index.html.twig b/templates/help/index.html.twig
index e76b20f..972e630 100644
--- a/templates/help/index.html.twig
+++ b/templates/help/index.html.twig
@@ -6,7 +6,7 @@
     <link rel="icon" type="image/svg+xml" href="/build/favicon.svg">
     <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png">
-    <link rel="apple-touch-icon" href="/build/icons/apple-touch-icon.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png">
     <title>Setup help — WeVisto</title>
     <style>
         *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/templates/security/login.html.twig b/templates/security/login.html.twig
index 6c80a23..79b8453 100644
--- a/templates/security/login.html.twig
+++ b/templates/security/login.html.twig
@@ -6,7 +6,7 @@
     <link rel="icon" type="image/svg+xml" href="/build/favicon.svg">
     <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png">
-    <link rel="apple-touch-icon" href="/build/icons/apple-touch-icon.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png">
     <title>Sign in — WeVisto</title>
     <style>
         *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/templates/security/register.html.twig b/templates/security/register.html.twig
index 3225955..f3d37ff 100644
--- a/templates/security/register.html.twig
+++ b/templates/security/register.html.twig
@@ -6,7 +6,7 @@
     <link rel="icon" type="image/svg+xml" href="/build/favicon.svg">
     <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png">
-    <link rel="apple-touch-icon" href="/build/icons/apple-touch-icon.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png">
     <title>Create account — WeVisto</title>
     <style>
         *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/templates/setup/configure.html.twig b/templates/setup/configure.html.twig
index 4b04264..2b5793e 100644
--- a/templates/setup/configure.html.twig
+++ b/templates/setup/configure.html.twig
@@ -6,7 +6,7 @@
     <link rel="icon" type="image/svg+xml" href="/build/favicon.svg">
     <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png">
-    <link rel="apple-touch-icon" href="/build/icons/apple-touch-icon.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png">
     <title>Name your frame — WeVisto</title>
     <style>
         *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/templates/setup/index.html.twig b/templates/setup/index.html.twig
index 9bcd819..691d965 100644
--- a/templates/setup/index.html.twig
+++ b/templates/setup/index.html.twig
@@ -6,7 +6,7 @@
     <link rel="icon" type="image/svg+xml" href="/build/favicon.svg">
     <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png">
-    <link rel="apple-touch-icon" href="/build/icons/apple-touch-icon.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png">
     <title>Set up your frame — WeVisto</title>
     <style>
         *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/templates/token/approve.html.twig b/templates/token/approve.html.twig
index 5671b58..b3c15d1 100644
--- a/templates/token/approve.html.twig
+++ b/templates/token/approve.html.twig
@@ -6,7 +6,7 @@
 <link rel="icon" type="image/svg+xml" href="/build/favicon.svg">
     <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png">
-    <link rel="apple-touch-icon" href="/build/icons/apple-touch-icon.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png">
 <title>Add photo to your frame — WeVisto</title>
 <style>
 *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
diff --git a/templates/token/approved.html.twig b/templates/token/approved.html.twig
index 7b24392..d188640 100644
--- a/templates/token/approved.html.twig
+++ b/templates/token/approved.html.twig
@@ -6,7 +6,7 @@
 <link rel="icon" type="image/svg+xml" href="/build/favicon.svg">
     <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png">
-    <link rel="apple-touch-icon" href="/build/icons/apple-touch-icon.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png">
 <title>Photo added — WeVisto</title>
 <style>
 *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
diff --git a/templates/token/decline.html.twig b/templates/token/decline.html.twig
index cc5d716..f4ad650 100644
--- a/templates/token/decline.html.twig
+++ b/templates/token/decline.html.twig
@@ -6,7 +6,7 @@
 <link rel="icon" type="image/svg+xml" href="/build/favicon.svg">
     <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png">
-    <link rel="apple-touch-icon" href="/build/icons/apple-touch-icon.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png">
 <title>Decline photo — WeVisto</title>
 <style>
 *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
diff --git a/templates/token/declined.html.twig b/templates/token/declined.html.twig
index 9d8e20e..967e357 100644
--- a/templates/token/declined.html.twig
+++ b/templates/token/declined.html.twig
@@ -6,7 +6,7 @@
 <link rel="icon" type="image/svg+xml" href="/build/favicon.svg">
     <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png">
-    <link rel="apple-touch-icon" href="/build/icons/apple-touch-icon.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png">
 <title>Photo declined — WeVisto</title>
 <style>
 *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
diff --git a/templates/token/invalid.html.twig b/templates/token/invalid.html.twig
index 416d3c4..c1b3c90 100644
--- a/templates/token/invalid.html.twig
+++ b/templates/token/invalid.html.twig
@@ -6,7 +6,7 @@
 <link rel="icon" type="image/svg+xml" href="/build/favicon.svg">
     <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png">
-    <link rel="apple-touch-icon" href="/build/icons/apple-touch-icon.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png">
 <title>Link invalid — WeVisto</title>
 <style>
 *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}