diff --git a/app/favicon.ico b/app/favicon.ico
index 718d6fe..14496af 100644
Binary files a/app/favicon.ico and b/app/favicon.ico differ
diff --git a/public/icons/icon-192.png b/public/icons/icon-192.png
new file mode 100644
index 0000000..685a566
Binary files /dev/null and b/public/icons/icon-192.png differ
diff --git a/public/icons/icon-512.png b/public/icons/icon-512.png
new file mode 100644
index 0000000..abfb01c
Binary files /dev/null and b/public/icons/icon-512.png differ
diff --git a/public/icons/icon.svg b/public/icons/icon.svg
new file mode 100644
index 0000000..05795e0
--- /dev/null
+++ b/public/icons/icon.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" role="img" aria-label="Mini Games">
+  <rect width="512" height="512" rx="112" fill="#e11d48"/>
+  <!-- One die, drawn large: a favicon lives at 16px, where a second die turns to mush. -->
+  <g transform="rotate(-8 256 256)">
+    <rect x="116" y="116" width="280" height="280" rx="54" fill="#ffffff"/>
+    <circle cx="182" cy="182" r="26" fill="#e11d48"/>
+    <circle cx="330" cy="182" r="26" fill="#e11d48"/>
+    <circle cx="256" cy="256" r="26" fill="#e11d48"/>
+    <circle cx="182" cy="330" r="26" fill="#e11d48"/>
+    <circle cx="330" cy="330" r="26" fill="#e11d48"/>
+  </g>
+</svg>