diff --git a/frontend/static/icon.svg b/frontend/static/icon.svg
index 265b344..4676e99 100644
--- a/frontend/static/icon.svg
+++ b/frontend/static/icon.svg
@@ -1,12 +1,21 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Hochzeit von Julia &amp; Jonas">
   <!-- Full-bleed brand background keeps the icon "maskable": safe content sits within the centre 80%
-       (51.2-460.8). The rings span x 88-424 and y 139-373 including stroke, so an Android circle
-       crop cannot clip them. -->
+       (51.2-460.8). Rotated, the rings span 102.9-409.1 on BOTH axes including stroke, so an Android
+       circle crop cannot clip them. The stricter circular test is unaffected by the rotation: the
+       farthest painted point is 51 (centre offset) + 117 (radius + half stroke) = 168 from the
+       middle, comfortably inside the 204.8 safe radius, and rotating about that same middle does
+       not change any point's distance from it. -->
   <rect width="512" height="512" fill="#8a6a2b"/>
   <!-- Two interlocking bands. Deliberately just the two rings: no gem, no shine, no inner bevel.
        This renders at 16px in a browser tab, where any detail smaller than the stroke width turns
-       into a smudge — the same reason the camera icon this replaces was three shapes and no more. -->
-  <g fill="none" stroke="#ffffff" stroke-width="26">
+       into a smudge — the same reason the camera icon this replaces was three shapes and no more.
+
+       The -45° tilt lifts the right band above the left. It is negative because SVG's y axis points
+       down, so a positive angle would rotate the other way and drop the right band instead. Applying
+       it to the GROUP rather than to each shape is what keeps the interlock intact — the circles and
+       the overlap arc below are all still authored on the horizontal axis and rotate together, so
+       the crossing geometry never has to be recomputed. -->
+  <g fill="none" stroke="#ffffff" stroke-width="26" transform="rotate(-45 256 256)">
     <circle cx="205" cy="256" r="104"/>
     <circle cx="307" cy="256" r="104"/>
     <!-- The interlock. Both circles above are drawn whole, so the right band covers the left one at