diff --git a/public/apple-icon.png b/public/apple-icon.png
new file mode 100644
index 0000000..0dd7858
Binary files /dev/null and b/public/apple-icon.png differ
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
new file mode 100644
index 0000000..b1dc09a
Binary files /dev/null and b/public/favicon-16x16.png differ
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
new file mode 100644
index 0000000..c09f03e
Binary files /dev/null and b/public/favicon-32x32.png differ
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index c267f76..bf6fb1b 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -37,18 +37,21 @@ export const viewport: Viewport = {
 export const metadata: Metadata = {
   title: "Chptr",
   description: "A powerful app to develop and share your ideas",
-  icons: [
-    {
-      rel: "icon",
-      url: "/light_favicon.ico",
-      media: "(prefers-color-scheme: light)",
-    },
-    {
-      rel: "icon",
-      url: "/dark_favicon.ico",
-      media: "(prefers-color-scheme: dark)",
-    },
-  ],
+  icons: {
+    icon: [
+      { url: "/favicon-32x32.png", sizes: "32x32", type: "image/png" },
+      { url: "/favicon-16x16.png", sizes: "16x16", type: "image/png" },
+      {
+        url: "/light_favicon.ico",
+        media: "(prefers-color-scheme: light)",
+      },
+      {
+        url: "/dark_favicon.ico",
+        media: "(prefers-color-scheme: dark)",
+      },
+    ],
+    apple: "/apple-icon.png",
+  },
 };
 
 export default function RootLayout({