feat(weather): inline weather svg icons

static/src/lib/weather-icons/sass/_variables.scss

@@ -7,6 +7,7 @@ $weather-icons-colors: (
   "moon": #4A4B43,
   "lightning": red,
   "snow": white,
+  "wind": #0d6efd,
 ) !default;
 $weather-icons-included: (
   "wi-cloud",

static/src/lib/weather-icons/sass/_weather-icons-svg.scss

@@ -1,15 +1,13 @@
 @use "variables";
 
-weather-icon {
+weather-icon,
+.wi-svg {
   display: flex;
   width: 3rem;
 
   > svg {
     path {
       fill: gray;
-      stroke: variables.$weather-icons-stroke-color;
-      stroke-width: 0.5;
-      //paint-order: stroke;
     }
     @each $type, $color in variables.$weather-icons-colors {
       path[id="#{$type}"] {
@@ -20,4 +18,19 @@ weather-icon {
       }
     }
   }
+
+  &.wi-border {
+    > svg path {
+      stroke: variables.$weather-icons-stroke-color;
+      stroke-width: 0.5;
+      //paint-order: stroke;
+    }
+  }
+
+  &.wi-s {
+    width: 2.5rem;
+  }
+  &.wi-l {
+    width: 3.5rem;
+  }
 }

static/src/lib/weather-icons/sass/weather-icons.scss

@@ -2,4 +2,4 @@
 @use "weather-icons-base";
 @use "weather-icons-list";
 @use "weather-wind-aliases";
-@use "weather-icons-colors";
+@use "weather-icons-svg";