diff --git a/src/data/weather.ts b/src/data/weather.ts
index 6c2fb20fcb..fe64a4ff8a 100644
--- a/src/data/weather.ts
+++ b/src/data/weather.ts
@@ -319,6 +319,12 @@ export const weatherSVGStyles = css`
   .cloud-front {
     fill: var(--weather-icon-cloud-front-color, #f9f9f9);
   }
+  .snow {
+    fill: var(--weather-icon-snow-color, #f9f9f9);
+    stroke: var(--weather-icon-snow-stroke-color, #d4d4d4);
+    stroke-width: 1;
+    paint-order: stroke;
+  }
 `;
 
 const getWeatherStateSVG = (
@@ -434,15 +440,15 @@ const getWeatherStateSVG = (
     snowyStates.has(state)
       ? svg`
           <path
-            class="rain"
+            class="snow"
             d="m 8.4319893,15.348341 c 0,0.257881 -0.209197,0.467079 -0.467078,0.467079 -0.258586,0 -0.46743,-0.209198 -0.46743,-0.467079 0,-0.258233 0.208844,-0.467431 0.46743,-0.467431 0.257881,0 0.467078,0.209198 0.467078,0.467431"
           />
           <path
-            class="rain"
+            class="snow"
             d="m 11.263878,14.358553 c 0,0.364067 -0.295275,0.659694 -0.659695,0.659694 -0.364419,0 -0.6596937,-0.295627 -0.6596937,-0.659694 0,-0.364419 0.2952747,-0.659694 0.6596937,-0.659694 0.36442,0 0.659695,0.295275 0.659695,0.659694"
           />
           <path
-            class="rain"
+            class="snow"
             d="m 5.3252173,13.69847 c 0,0.364419 -0.295275,0.660047 -0.659695,0.660047 -0.364067,0 -0.659694,-0.295628 -0.659694,-0.660047 0,-0.364067 0.295627,-0.659694 0.659694,-0.659694 0.36442,0 0.659695,0.295627 0.659695,0.659694"
           />
         `