diff --git a/app/layout.tsx b/app/layout.tsx
index 9583f46..61d95c5 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -36,7 +36,11 @@ export const metadata: Metadata = {
   title: "Full Circle Digital Marketing",
   description: "We are a boutique digital marketing team committed to helping you succeed at what you do best.",
   icons: {
-    icon: "data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>⭕</text></svg>",
+    icon: [
+      { url: "/icon.svg", type: "image/svg+xml" },
+      { url: "/favicon.png", type: "image/png" },
+    ],
+    apple: "/favicon.png",
   },
   generator: "v0.dev",
   openGraph: {
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..68de474
Binary files /dev/null and b/public/favicon.png differ
diff --git a/public/icon.svg b/public/icon.svg
new file mode 100644
index 0000000..5c5c0e9
--- /dev/null
+++ b/public/icon.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <!-- Enso zen circle - incomplete brush stroke -->
+  <path fill="none" stroke="#ffffff" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"
+    d="M 20 52
+       Q 8 44, 8 32
+       Q 8 14, 32 10
+       Q 52 8, 56 28
+       Q 58 44, 44 52
+       Q 36 56, 28 52"
+    opacity="0.95"/>
+  <!-- Brush stroke variation for texture -->
+  <path fill="none" stroke="#ffffff" stroke-width="3" stroke-linecap="round"
+    d="M 21 51
+       Q 10 44, 10 32
+       Q 10 16, 32 12
+       Q 50 10, 54 28
+       Q 56 42, 44 50"
+    opacity="0.6"/>
+</svg>