Complete redesign: modern, fresh, subtle Scandinavian tech studio look & feel for webshop and admin

public/images/logo-icon.svg

@@ -1,41 +1,31 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none">
   <defs>
-    <!-- Soft Warm Coral Gradient -->
-    <linearGradient id="iconCoral" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" stop-color="#FB7185" />
-      <stop offset="100%" stop-color="#F43F5E" />
+    <linearGradient id="icoTop" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#38bdf8" />
+      <stop offset="100%" stop-color="#0284c7" />
     </linearGradient>
-
-    <!-- Warm Amber Gradient -->
-    <linearGradient id="iconAmber" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" stop-color="#FBBF24" />
-      <stop offset="100%" stop-color="#F59E0B" />
+    <linearGradient id="icoLeft" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#6366f1" />
+      <stop offset="100%" stop-color="#4338ca" />
     </linearGradient>
-
-    <!-- Gentle Sky Gradient -->
-    <linearGradient id="iconSky" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" stop-color="#38BDF8" />
-      <stop offset="100%" stop-color="#0284C7" />
+    <linearGradient id="icoRight" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#0ea5e9" />
+      <stop offset="100%" stop-color="#0369a1" />
     </linearGradient>
   </defs>
 
-  <!-- Friendly Rounded Layered 3D Emblem -->
-  <g transform="translate(4, 4)">
-    <!-- Base Layer (Amber) -->
-    <rect x="2" y="26" width="36" height="12" rx="6" fill="url(#iconAmber)" />
-    
-    <!-- Middle Layer (Coral) -->
-    <rect x="2" y="14" width="36" height="12" rx="6" fill="url(#iconCoral)" />
-    
-    <!-- Top Layer (Sky) -->
-    <rect x="2" y="2" width="36" height="12" rx="6" fill="url(#iconSky)" />
-
-    <!-- Cute extrusion highlights -->
-    <circle cx="10" cy="8" r="2.5" fill="#FFFFFF" opacity="0.85" />
-    <circle cx="10" cy="20" r="2.5" fill="#FFFFFF" opacity="0.85" />
-    <circle cx="10" cy="32" r="2.5" fill="#FFFFFF" opacity="0.85" />
-
-    <!-- Cute Sparkle -->
-    <path d="M33 4L34 7L37 8L34 9L33 12L32 9L29 8L32 7Z" fill="#FFFFFF" opacity="0.95" />
+  <!-- Background rounded squircle with subtle border -->
+  <rect x="2" y="2" width="44" height="44" rx="12" fill="#0f172a" />
+  
+  <!-- Modern Geometric 3D Prism Mark -->
+  <g transform="translate(6, 6)">
+    <!-- Top Face -->
+    <path d="M18 6 L31 13.5 L18 21 L5 13.5 Z" fill="url(#icoTop)" />
+    <!-- Left Face -->
+    <path d="M5 15.5 L17 22.5 L17 34 L5 27 Z" fill="url(#icoLeft)" />
+    <!-- Right Face -->
+    <path d="M19 22.5 L31 15.5 L31 27 L19 34 Z" fill="url(#icoRight)" />
+    <!-- Precision Core Light Accent -->
+    <circle cx="18" cy="21" r="2" fill="#ffffff" opacity="0.95" />
   </g>
 </svg>