diff --git a/apps/website/app/icon.svg b/apps/website/app/icon.svg
deleted file mode 100644
index ea7c8aab..00000000
--- a/apps/website/app/icon.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
-  <text y=".9em" font-size="90">
-    🍱
-  </text>
-</svg>
\ No newline at end of file
diff --git a/apps/website/app/icon.tsx b/apps/website/app/icon.tsx
new file mode 100644
index 00000000..014b4788
--- /dev/null
+++ b/apps/website/app/icon.tsx
@@ -0,0 +1,26 @@
+import { ImageResponse } from "next/og";
+
+export const size = {
+  width: 32,
+  height: 32,
+};
+export const contentType = "image/png";
+
+// https://nextjs.org/docs/app/api-reference/file-conventions/metadata/app-icons#generate-icons-using-code-js-ts-tsx
+// https://www.linkedin.com/posts/delbaoliveira_nextjs-file-based-metadata-icon-add-activity-7222279799346544641-2fTy?utm_source=share&utm_medium=member_desktop
+export default function Icon() {
+  return new ImageResponse(
+    (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+        <text y=".9em" font-size="90">
+          🍱
+        </text>
+      </svg>
+    ),
+    { ...size }
+  );
+}
+
+// export function generateStaticParams() {
+//   return [{ __metadata_id__: "99ac51dfda5dd831" }];
+// }