avant codex

icons/weather/3.svg

@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128" role="img" aria-label="Couvert">
+  <title>Couvert</title>
+  <defs>
+    <linearGradient id="skyOvercast" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#C9D3DD"/>
+      <stop offset="100%" stop-color="#9FAAB5"/>
+    </linearGradient>
+    <linearGradient id="cloudMain" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#F1F4F7"/>
+      <stop offset="100%" stop-color="#D5DBE1"/>
+    </linearGradient>
+    <linearGradient id="cloudShadow" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#E2E7EC"/>
+      <stop offset="100%" stop-color="#C3CBD3"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Grey sky -->
+  <rect width="128" height="128" rx="20" fill="url(#skyOvercast)"/>
+
+  <!-- Large cloud layer -->
+  <g transform="translate(64 74)">
+    <ellipse cx="0" cy="16" rx="46" ry="24" fill="url(#cloudShadow)"/>
+    <circle cx="-28" cy="10" r="18" fill="url(#cloudShadow)"/>
+    <circle cx="0" cy="2" r="22" fill="url(#cloudShadow)"/>
+    <circle cx="30" cy="12" r="16" fill="url(#cloudShadow)"/>
+  </g>
+
+  <!-- Upper cloud layer -->
+  <g transform="translate(64 56)">
+    <ellipse cx="0" cy="14" rx="40" ry="20" fill="url(#cloudMain)"/>
+    <circle cx="-22" cy="10" r="16" fill="url(#cloudMain)"/>
+    <circle cx="6" cy="4" r="20" fill="url(#cloudMain)"/>
+    <circle cx="26" cy="12" r="14" fill="url(#cloudMain)"/>
+  </g>
+</svg>