diff --git a/site/public/apple-touch-icon.png b/site/public/apple-touch-icon.png
new file mode 100644
index 0000000..ba51884
Binary files /dev/null and b/site/public/apple-touch-icon.png differ
diff --git a/site/public/favicon.svg b/site/public/favicon.svg
new file mode 100644
index 0000000..e179502
--- /dev/null
+++ b/site/public/favicon.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+<rect width="512" height="512" fill="#16171D"/>
+<g transform="translate(99.4 76) scale(0.805)" fill="#D5F70D">
+<path d="M228.706 310.99L139.78 301.061L158.113 319.394L228.506 349.98C226.34 387.533 210.479 411.042 180.922 420.506L189.796 446.674C216.343 439.089 236.443 426.726 250.096 409.584C263.9 392.442 270.803 369.612 270.803 341.093V295.128C270.803 258.266 286.883 239.834 319.042 239.834V206.84C286.883 206.84 270.803 188.712 270.803 152.456V104.672C270.651 76.6074 263.824 54.0803 250.323 37.0901C236.822 19.9483 216.646 7.58491 189.796 1.52588e-05L181.149 26.1679C212.854 36.3317 228.706 62.8029 228.706 105.582V151.774C228.706 187.119 242.435 211.012 269.892 223.451C242.435 236.194 228.706 260.086 228.706 295.128V310.99Z"/>
+<path d="M154.676 135.876C154.676 159.227 135.746 178.156 112.396 178.156C89.0455 178.156 70.1162 159.227 70.1162 135.876C70.1162 112.526 89.0455 93.5968 112.396 93.5968C135.746 93.5968 154.676 112.526 154.676 135.876Z"/>
+</g>
+</svg>
diff --git a/site/src/routes/__root.tsx b/site/src/routes/__root.tsx
index 8cf45e8..6c6ada0 100644
--- a/site/src/routes/__root.tsx
+++ b/site/src/routes/__root.tsx
@@ -33,7 +33,11 @@ export const Route = createRootRoute({
 			{ name: "twitter:card", content: "summary_large_image" },
 			{ name: "twitter:image", content: `${SITE_URL}/og.png` },
 		],
-		links: [{ rel: "stylesheet", href: appCss }],
+		links: [
+			{ rel: "stylesheet", href: appCss },
+			{ rel: "icon", type: "image/svg+xml", href: "/favicon.svg" },
+			{ rel: "apple-touch-icon", href: "/apple-touch-icon.png" },
+		],
 	}),
 	component: RootComponent,
 });