diff --git a/src/app/icon.svg b/src/app/icon.svg
new file mode 100644
index 0000000..87b7857
--- /dev/null
+++ b/src/app/icon.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="title desc">
+  <title>Magikarp</title>
+  <desc>Simplified Magikarp fish logo</desc>
+  <defs>
+    <linearGradient id="bodyGrad" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#FFA64D"/>
+      <stop offset="100%" stop-color="#FF6A00"/>
+    </linearGradient>
+    <linearGradient id="finGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#FFF7D6"/>
+      <stop offset="100%" stop-color="#F5E4A8"/>
+    </linearGradient>
+    <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
+      <feDropShadow dx="0" dy="6" stdDeviation="6" flood-color="#000" flood-opacity="0.2"/>
+    </filter>
+  </defs>
+
+  <!-- Background circle -->
+  <circle cx="256" cy="256" r="244" fill="#0EA5E9"/>
+
+  <!-- Tail fin -->
+  <g transform="translate(70,210)" filter="url(#shadow)">
+    <path d="M0,50 C40,0 120,0 160,50 C120,100 40,100 0,50 Z" fill="url(#finGrad)" stroke="#E8D899" stroke-width="6"/>
+  </g>
+
+  <!-- Body -->
+  <g transform="translate(120,140)" filter="url(#shadow)">
+    <ellipse cx="170" cy="120" rx="150" ry="105" fill="url(#bodyGrad)" stroke="#D95400" stroke-width="8"/>
+
+    <!-- Whiskers -->
+    <path d="M60,140 C20,150 20,190 60,200" fill="none" stroke="#F5E4A8" stroke-width="8" stroke-linecap="round"/>
+    <path d="M60,100 C20,90 20,50 60,40" fill="none" stroke="#F5E4A8" stroke-width="8" stroke-linecap="round"/>
+
+    <!-- Eye -->
+    <circle cx="95" cy="115" r="22" fill="#FFF" stroke="#111827" stroke-width="6"/>
+    <circle cx="100" cy="120" r="10" fill="#111827"/>
+
+    <!-- Dorsal fin -->
+    <path d="M190,10 C210,-10 260,-10 280,10 L260,60 L170,60 Z" fill="url(#finGrad)" stroke="#E8D899" stroke-width="6"/>
+
+    <!-- Side fin -->
+    <path d="M250,150 C290,130 320,150 330,180 C300,190 270,190 240,180 Z" fill="url(#finGrad)" stroke="#E8D899" stroke-width="6"/>
+
+    <!-- Mouth -->
+    <ellipse cx="40" cy="120" rx="18" ry="14" fill="#FEE2E2" stroke="#D95400" stroke-width="5"/>
+  </g>
+</svg>