diff --git a/app/apple-icon.png b/app/apple-icon.png
new file mode 100644
index 0000000..7d39256
Binary files /dev/null and b/app/apple-icon.png differ
diff --git a/app/favicon.ico b/app/favicon.ico
new file mode 100644
index 0000000..ec28861
Binary files /dev/null and b/app/favicon.ico differ
diff --git a/app/favicon.png b/app/favicon.png
index a19ebef..ea67d6a 100644
Binary files a/app/favicon.png and b/app/favicon.png differ
diff --git a/app/icon.svg b/app/icon.svg
new file mode 100644
index 0000000..6905c26
--- /dev/null
+++ b/app/icon.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
+  <rect width="512" height="512" rx="96" ry="96" fill="#2563eb"/>
+  <rect x="80" y="120" width="352" height="280" rx="24" ry="24" fill="#ffffff"/>
+  <rect x="80" y="108" width="120" height="36" rx="12" ry="12" fill="#ffffff"/>
+  <path d="M256 340 L256 220" stroke="#2563eb" stroke-width="32" stroke-linecap="round"/>
+  <path d="M196 272 L256 212 L316 272" stroke="#2563eb" stroke-width="32" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+</svg>
diff --git a/app/layout.tsx b/app/layout.tsx
index 1cb735d..f588bee 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -46,7 +46,9 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <head>
-        <link rel="icon" href="/favicon.png" />
+        <link rel="icon" href="/favicon.ico" sizes="any" />
+        <link rel="icon" href="/icon.svg" type="image/svg+xml" />
+        <link rel="apple-touch-icon" href="/apple-icon.png" />
       </head>
       <body
         className={`${inter.variable} ${roboto.variable} antialiased font-sans`}
