diff --git a/frontend/assets/images/icon.svg b/frontend/assets/images/icon.svg
new file mode 100644
index 0000000..9973b2a
--- /dev/null
+++ b/frontend/assets/images/icon.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <rect x="271" y="17" width="193" height="96" rx="19.2" fill="#f9bc8e" />
+  <rect x="168" y="108" width="206" height="115" rx="23.0" fill="#f7db75" />
+  <rect x="131" y="229" width="223" height="132" rx="26.4" fill="#aadac2" />
+  <rect x="47" y="349" width="238" height="144" rx="28.8" fill="#dfc2cf" />
+</svg>
\ No newline at end of file
diff --git a/frontend/assets/images/icon_improved.svg b/frontend/assets/images/icon_improved.svg
new file mode 100644
index 0000000..88e4d30
--- /dev/null
+++ b/frontend/assets/images/icon_improved.svg
@@ -0,0 +1,91 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <!-- Water‑color like noise -->
+    <filter id="wcTexture" x="-20%" y="-20%" width="140%" height="140%">
+      <feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" seed="12" result="noise"/>
+      <feBlend in="SourceGraphic" in2="noise" mode="multiply"/>
+    </filter>
+
+    <!-- Gradients -->
+    <radialGradient id="gradCoral" cx="50%" cy="40%" r="70%">
+      <stop offset="0%" stop-color="#ffddc9"/>
+      <stop offset="100%" stop-color="#f49c6e"/>
+    </radialGradient>
+
+    <radialGradient id="gradYellow" cx="45%" cy="35%" r="70%">
+      <stop offset="0%" stop-color="#fff6c9"/>
+      <stop offset="100%" stop-color="#e9c833"/>
+    </radialGradient>
+
+    <radialGradient id="gradMint" cx="40%" cy="30%" r="70%">
+      <stop offset="0%" stop-color="#d4f4ec"/>
+      <stop offset="100%" stop-color="#6bbda3"/>
+    </radialGradient>
+
+    <radialGradient id="gradLavender" cx="35%" cy="25%" r="70%">
+      <stop offset="0%" stop-color="#f5e6ff"/>
+      <stop offset="100%" stop-color="#b289c9"/>
+    </radialGradient>
+  </defs>
+
+  <!-- CORAL -->
+  <path filter="url(#wcTexture)" fill="url(#gradCoral)" d="
+       M 360 40
+       Q 380 15 420 22
+       L 450 28
+       Q 480 35 490 60
+       L 495 80
+       Q 500 105 470 120
+       L 440 135
+       Q 410 150 370 135
+       L 345 120
+       Q 315 105 325 75
+       L 330 55
+       Q 335 50 360 40 Z"/>
+
+  <!-- YELLOW -->
+  <path filter="url(#wcTexture)" fill="url(#gradYellow)" d="
+       M 280 190
+       Q 300 170 340 175
+       L 370 180
+       Q 405 185 410 210
+       L 415 230
+       Q 420 255 390 270
+       L 355 285
+       Q 320 300 290 285
+       L 265 270
+       Q 235 255 245 225
+       L 250 205
+       Q 255 200 280 190 Z"/>
+
+  <!-- MINT -->
+  <path filter="url(#wcTexture)" fill="url(#gradMint)" d="
+       M 180 330
+       Q 205 310 255 315
+       L 285 320
+       Q 325 325 330 350
+       L 335 370
+       Q 340 395 305 410
+       L 275 425
+       Q 235 440 200 425
+       L 175 410
+       Q 145 395 155 365
+       L 160 345
+       Q 165 340 180 330 Z"/>
+
+  <!-- LAVENDER -->
+  <path filter="url(#wcTexture)" fill="url(#gradLavender)" d="
+       M 80 460
+       Q 100 440 160 445
+       L 190 450
+       Q 235 455 240 480
+       L 245 500
+       Q 250 525 210 540
+       L 170 555
+       Q 130 570 95 555
+       L 65 540
+       Q 35 525 45 495
+       L 50 475
+       Q 55 470 80 460 Z"/>
+</svg>