diff --git a/apps/website/public/apple-icon.png b/apps/website/public/apple-icon.png
new file mode 100644
index 000000000..ed4cb2bca
Binary files /dev/null and b/apps/website/public/apple-icon.png differ
diff --git a/apps/website/public/icon.svg b/apps/website/public/icon.svg
new file mode 100644
index 000000000..4d16a5525
--- /dev/null
+++ b/apps/website/public/icon.svg
@@ -0,0 +1,4 @@
+<svg width="32" height="64" viewBox="0 0 32 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M31.8783 0H30.9753C13.8683 0 0 13.9016 0 31.0496V31.9999H15.9391L31.8783 16.1526V0ZM29.2328 2.71024V15.0483L14.8508 29.3481H2.69845C3.10627 22.4039 5.99803 15.9323 10.9448 10.9737C15.8835 6.02304 22.3212 3.12699 29.2328 2.71024Z" fill="white"/>
+<path d="M31.8809 32.0001H15.9418L0 47.8474V64H0.905663C18.0126 64 31.8809 50.0984 31.8809 32.9504V32.0001Z" fill="white"/>
+</svg>
diff --git a/apps/website/public/social-media.png b/apps/website/public/social-media.png
new file mode 100644
index 000000000..09ede5fbc
Binary files /dev/null and b/apps/website/public/social-media.png differ
diff --git a/apps/website/src/app/favicon.ico b/apps/website/src/app/favicon.ico
deleted file mode 100644
index 718d6fea4..000000000
Binary files a/apps/website/src/app/favicon.ico and /dev/null differ
diff --git a/apps/website/src/app/layout.tsx b/apps/website/src/app/layout.tsx
index bb9f451fd..6c9c2eb35 100644
--- a/apps/website/src/app/layout.tsx
+++ b/apps/website/src/app/layout.tsx
@@ -6,7 +6,21 @@ import Providers from "./providers"
 
 export const metadata: Metadata = {
     title: "Semaphore",
-    description: "A zero-knowledge protocol for anonymous signaling on Ethereum."
+    description: "A zero-knowledge protocol for anonymous signaling on Ethereum.",
+    icons: { icon: "/icon.svg", apple: "/apple-icon.png" },
+    openGraph: {
+        type: "website",
+        url: "semaphore.pse.dev",
+        title: "Semaphore",
+        description: "A zero-knowledge protocol for anonymous signaling on Ethereum.",
+        siteName: "Semaphore",
+        images: [
+            {
+                url: "/social-media.png"
+            }
+        ]
+    },
+    twitter: { card: "summary_large_image", images: "/social-media.png" }
 }
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {