avant codex

icons/weather/99.svg

@@ -0,0 +1,42 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128" role="img" aria-label="Orage avec grêle forte">
+  <title>Orage avec grêle forte</title>
+  <defs>
+    <linearGradient id="skyStormHailHeavy" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#3E6E9E"/>
+      <stop offset="100%" stop-color="#162F47"/>
+    </linearGradient>
+    <linearGradient id="cloudStormHailHeavy" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#C9D3DD"/>
+      <stop offset="100%" stop-color="#7F93A6"/>
+    </linearGradient>
+    <linearGradient id="boltHailHeavy" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#FFF7A8"/>
+      <stop offset="100%" stop-color="#FF9F00"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Dark storm sky -->
+  <rect width="128" height="128" rx="20" fill="url(#skyStormHailHeavy)"/>
+
+  <!-- Massive cloud -->
+  <g transform="translate(64 44)">
+    <ellipse cx="0" cy="28" rx="52" ry="32" fill="url(#cloudStormHailHeavy)"/>
+    <circle cx="-34" cy="22" r="26" fill="url(#cloudStormHailHeavy)"/>
+    <circle cx="20" cy="10" r="30" fill="url(#cloudStormHailHeavy)"/>
+    <circle cx="48" cy="24" r="24" fill="url(#cloudStormHailHeavy)"/>
+  </g>
+
+  <!-- Large lightning bolt -->
+  <polygon points="70,60 50,100 66,100 54,126 96,82 74,82"
+           fill="url(#boltHailHeavy)"/>
+
+  <!-- Heavy hail (larger pellets, more numerous) -->
+  <g fill="#FFFFFF" opacity="0.95">
+    <circle cx="24" cy="92" r="6"/>
+    <circle cx="40" cy="108" r="6"/>
+    <circle cx="58" cy="92" r="6"/>
+    <circle cx="76" cy="108" r="6"/>
+    <circle cx="94" cy="92" r="6"/>
+    <circle cx="110" cy="108" r="6"/>
+  </g>
+</svg>