fix: icon redesign with solid-fill barbell in Catppuccin mauve, renders correctly on iOS

bndct-devops · bndct-devops · commit 3f08272608b4 · 2026-03-02T18:22:39.000+01:00
diff --git a/frontend/public/apple-touch-icon.png b/frontend/public/apple-touch-icon.png
diff --git a/frontend/public/favicon.svg b/frontend/public/favicon.svg
@@ -1,12 +1,14 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-  <!-- bubble background -->
-  <circle cx="16" cy="16" r="15" fill="rgba(245,194,231,0.18)" stroke="rgba(245,194,231,0.4)" stroke-width="1.5"/>
-  <!-- Lucide dumbbell centered (24x24 → 16x16 at center 16,16) -->
-  <g transform="translate(8,8) scale(0.667)" stroke="#f5c2e7" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" fill="none">
-    <path d="M17.596 12.768a2 2 0 1 0 2.829-2.829l-1.768-1.767a2 2 0 0 0 2.828-2.829l-2.828-2.828a2 2 0 0 0-2.829 2.828l-1.767-1.768a2 2 0 1 0-2.829 2.829z"/>
-    <path d="m2.5 21.5 1.4-1.4"/>
-    <path d="m20.1 3.9 1.4-1.4"/>
-    <path d="M5.343 21.485a2 2 0 1 0 2.829-2.828l1.767 1.768a2 2 0 1 0 2.829-2.829l-6.364-6.364a2 2 0 1 0-2.829 2.829l1.768 1.767a2 2 0 0 0-2.828 2.829z"/>
-    <path d="m9.6 14.4 4.8-4.8"/>
-  </g>
+  <!-- background -->
+  <rect width="32" height="32" rx="7" fill="#1e1e2e"/>
+  <!-- left outer plate -->
+  <rect x="3" y="10" width="5" height="12" rx="2" fill="#cba6f7"/>
+  <!-- left collar -->
+  <rect x="8" y="13" width="3.5" height="6" rx="1" fill="#cba6f7"/>
+  <!-- bar -->
+  <rect x="11.5" y="14.5" width="9" height="3" rx="1.5" fill="#cba6f7"/>
+  <!-- right collar -->
+  <rect x="20.5" y="13" width="3.5" height="6" rx="1" fill="#cba6f7"/>
+  <!-- right outer plate -->
+  <rect x="24" y="10" width="5" height="12" rx="2" fill="#cba6f7"/>
 </svg>
diff --git a/frontend/public/icon.svg b/frontend/public/icon.svg
@@ -1,15 +1,8 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-  <!-- app icon background -->
   <rect width="512" height="512" rx="112" fill="#1e1e2e"/>
-  <!-- bubble circle (mirrors login screen bubble) -->
-  <circle cx="256" cy="256" r="200" fill="rgba(245,194,231,0.14)" stroke="rgba(245,194,231,0.35)" stroke-width="8"/>
-  <!-- Lucide dumbbell centered (24x24 → 180x180 at center 256,256) -->
-  <!-- scale=7.5, translate=(256-90, 256-90)=(166,166) -->
-  <g transform="translate(166,166) scale(7.5)" stroke="#f5c2e7" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" fill="none">
-    <path d="M17.596 12.768a2 2 0 1 0 2.829-2.829l-1.768-1.767a2 2 0 0 0 2.828-2.829l-2.828-2.828a2 2 0 0 0-2.829 2.828l-1.767-1.768a2 2 0 1 0-2.829 2.829z"/>
-    <path d="m2.5 21.5 1.4-1.4"/>
-    <path d="m20.1 3.9 1.4-1.4"/>
-    <path d="M5.343 21.485a2 2 0 1 0 2.829-2.828l1.767 1.768a2 2 0 1 0 2.829-2.829l-6.364-6.364a2 2 0 1 0-2.829 2.829l1.768 1.767a2 2 0 0 0-2.828 2.829z"/>
-    <path d="m9.6 14.4 4.8-4.8"/>
-  </g>
+  <rect x="60" y="176" width="72" height="160" rx="28" fill="#cba6f7"/>
+  <rect x="132" y="210" width="52" height="92" rx="14" fill="#cba6f7"/>
+  <rect x="184" y="234" width="144" height="44" rx="22" fill="#cba6f7"/>
+  <rect x="328" y="210" width="52" height="92" rx="14" fill="#cba6f7"/>
+  <rect x="380" y="176" width="72" height="160" rx="28" fill="#cba6f7"/>
 </svg>
