diff --git a/docs/app/layout.tsx b/docs/app/layout.tsx
index 258975d..5205a60 100644
--- a/docs/app/layout.tsx
+++ b/docs/app/layout.tsx
@@ -12,6 +12,27 @@ export default function Layout({ children }: { children: ReactNode }) {
   return (
     <html lang="en" className={inter.className}>
       <body>
+        <link
+          rel="apple-touch-icon"
+          sizes="180x180"
+          href="/favicon/apple-touch-icon.png"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="32x32"
+          href="/favicon/favicon-32x32.png"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="16x16"
+          href="/favicon/favicon-16x16.png"
+        />
+        <link rel="manifest" href="/favicon/site.webmanifest" />
+        <link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#5bbad5" />
+        <meta name="msapplication-TileColor" content="#da532c" />
+        <meta name="theme-color" content="#ffffff" />
         <RootProvider>{children}</RootProvider>
       </body>
     </html>
diff --git a/docs/public/favicon/android-chrome-192x192.png b/docs/public/favicon/android-chrome-192x192.png
new file mode 100644
index 0000000..e0dd5d0
Binary files /dev/null and b/docs/public/favicon/android-chrome-192x192.png differ
diff --git a/docs/public/favicon/android-chrome-512x512.png b/docs/public/favicon/android-chrome-512x512.png
new file mode 100644
index 0000000..0a208cf
Binary files /dev/null and b/docs/public/favicon/android-chrome-512x512.png differ
diff --git a/docs/public/favicon/apple-touch-icon.png b/docs/public/favicon/apple-touch-icon.png
new file mode 100644
index 0000000..5cb009c
Binary files /dev/null and b/docs/public/favicon/apple-touch-icon.png differ
diff --git a/docs/public/favicon/browserconfig.xml b/docs/public/favicon/browserconfig.xml
new file mode 100644
index 0000000..b3930d0
--- /dev/null
+++ b/docs/public/favicon/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/docs/public/favicon/favicon-16x16.png b/docs/public/favicon/favicon-16x16.png
new file mode 100644
index 0000000..7ba27ec
Binary files /dev/null and b/docs/public/favicon/favicon-16x16.png differ
diff --git a/docs/public/favicon/favicon-32x32.png b/docs/public/favicon/favicon-32x32.png
new file mode 100644
index 0000000..e9babe1
Binary files /dev/null and b/docs/public/favicon/favicon-32x32.png differ
diff --git a/docs/public/favicon/favicon.ico b/docs/public/favicon/favicon.ico
new file mode 100644
index 0000000..b111f66
Binary files /dev/null and b/docs/public/favicon/favicon.ico differ
diff --git a/docs/public/favicon/mstile-150x150.png b/docs/public/favicon/mstile-150x150.png
new file mode 100644
index 0000000..8381e86
Binary files /dev/null and b/docs/public/favicon/mstile-150x150.png differ
diff --git a/docs/public/favicon/safari-pinned-tab.svg b/docs/public/favicon/safari-pinned-tab.svg
new file mode 100644
index 0000000..abf3e3c
--- /dev/null
+++ b/docs/public/favicon/safari-pinned-tab.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="520.000000pt" height="520.000000pt" viewBox="0 0 520.000000 520.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,520.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1251 4923 c-343 -46 -655 -247 -848 -545 -38 -59 -76 -133 -108
+-213 -18 -44 -51 -169 -66 -245 -17 -92 -20 -2478 -2 -2613 49 -381 288 -722
+635 -906 86 -46 258 -106 333 -116 28 -4 59 -10 70 -13 11 -2 578 -5 1260 -6
+1369 -2 1343 -3 1540 61 347 112 637 397 754 742 71 209 70 168 67 1571 -2
+1243 -3 1256 -24 1345 -115 486 -471 832 -956 931 -73 15 -211 17 -1321 18
+-952 1 -1262 -1 -1334 -11z"/>
+</g>
+</svg>
diff --git a/docs/public/favicon/site.webmanifest b/docs/public/favicon/site.webmanifest
new file mode 100644
index 0000000..b20abb7
--- /dev/null
+++ b/docs/public/favicon/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
