diff --git a/client/index.html b/client/index.html
index 78e48db..7bd65a5 100644
--- a/client/index.html
+++ b/client/index.html
@@ -11,6 +11,9 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Fira+Code:wght@400;500&display=swap" rel="stylesheet">
+    <link rel="icon" href="/favicon.ico" sizes="any">
+    <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
   </head>
   <body>
     <div id="root"></div>
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 0000000..13e18ac
Binary files /dev/null and b/public/apple-touch-icon.png differ
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
new file mode 100644
index 0000000..ace1d0c
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..9c21958
Binary files /dev/null and b/public/favicon-32x32.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..b3f9869
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..8225469
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="CodePatchwork Icon Logo"><style>
+          .bg { fill: hsl(207, 90%, 54%); }
+          .stitch { stroke: hsl(240, 3.7%, 15.9%); stroke-width: 2; stroke-dasharray: 6, 6; fill: none; }
+          .symbol { fill: hsl(0, 0%, 98%); font-family: 'Courier New', monospace; font-weight: bold; font-size: 24px; dominant-baseline: middle; text-anchor: middle; }
+        </style><rect className="bg" width="256" height="256" rx="16" ry="16"/><line className="stitch" x1="85.3" y1="0" x2="85.3" y2="256"/><line className="stitch" x1="170.6" y1="0" x2="170.6" y2="256"/><line className="stitch" x1="0" y1="85.3" x2="256" y2="85.3"/><line className="stitch" x1="0" y1="170.6" x2="256" y2="170.6"/><text className="symbol" x="42.6" y="42.6">{}</text><text className="symbol" x="128" y="42.6">&lt;&gt;</text><text className="symbol" x="213.3" y="42.6">//</text><text className="symbol" x="42.6" y="128">[]</text><text className="symbol" x="128" y="128">JS</text><text className="symbol" x="213.3" y="128">PY</text><text className="symbol" x="42.6" y="213.3">01</text><text className="symbol" x="128" y="213.3">.PY</text><text className="symbol" x="213.3" y="213.3">⎇</text></svg>
