refactor sun icons (#247)

icons/haze.svg

@@ -0,0 +1,20 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M5.2 6.2l1.4 1.4" />
+  <path d="M2 13h2" />
+  <path d="M20 13h2" />
+  <path d="M17.4 7.6l1.4-1.4" />
+  <path d="M22 17H2" />
+  <path d="M22 21H2" />
+  <path d="M16 13a4 4 0 00-8 0" />
+  <path d="M12 5V2.5" />
+</svg>

icons/sun.svg

@@ -9,13 +9,13 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <circle cx="12" cy="12" r="5" />
+  <circle cx="12" cy="12" r="4" />
-  <line x1="12" y1="1" x2="12" y2="3" />
+  <path d="M12 2v2" />
-  <line x1="12" y1="21" x2="12" y2="23" />
+  <path d="M12 20v2" />
-  <line x1="4.22" y1="4.22" x2="5.64" y2="5.64" />
+  <path d="M5 5l1.5 1.5" />
-  <line x1="18.36" y1="18.36" x2="19.78" y2="19.78" />
+  <path d="M17.5 17.5L19 19" />
-  <line x1="1" y1="12" x2="3" y2="12" />
+  <path d="M2 12h2" />
-  <line x1="21" y1="12" x2="23" y2="12" />
+  <path d="M20 12h2" />
-  <line x1="4.22" y1="19.78" x2="5.64" y2="18.36" />
+  <path d="M5 19l1.5-1.5" />
-  <line x1="18.36" y1="5.64" x2="19.78" y2="4.22" />
+  <path d="M17.5 6.5L19 5" />
 </svg>

icons/sunrise.svg

@@ -9,12 +9,12 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M17 18a5 5 0 00-10 0" />
+  <path d="M12 2v8" />
-  <line x1="12" y1="2" x2="12" y2="9" />
+  <path d="M5.2 11.2l1.4 1.4" />
-  <line x1="4.22" y1="10.22" x2="5.64" y2="11.64" />
+  <path d="M2 18h2" />
-  <line x1="1" y1="18" x2="3" y2="18" />
+  <path d="M20 18h2" />
-  <line x1="21" y1="18" x2="23" y2="18" />
+  <path d="M17.4 12.6l1.4-1.4" />
-  <line x1="18.36" y1="11.64" x2="19.78" y2="10.22" />
+  <path d="M22 22H2" />
-  <line x1="23" y1="22" x2="1" y2="22" />
+  <path d="M8 6l4-4 4 4" />
-  <polyline points="8 6 12 2 16 6" />
+  <path d="M16 18a4 4 0 00-8 0" />
 </svg>

icons/sunset.svg

@@ -9,12 +9,12 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M17 18a5 5 0 00-10 0" />
+  <path d="M12 10V2" />
-  <line x1="12" y1="9" x2="12" y2="2" />
+  <path d="M5.2 11.2l1.4 1.4" />
-  <line x1="4.22" y1="10.22" x2="5.64" y2="11.64" />
+  <path d="M2 18h2" />
-  <line x1="1" y1="18" x2="3" y2="18" />
+  <path d="M20 18h2" />
-  <line x1="21" y1="18" x2="23" y2="18" />
+  <path d="M17.4 12.6l1.4-1.4" />
-  <line x1="18.36" y1="11.64" x2="19.78" y2="10.22" />
+  <path d="M22 22H2" />
-  <line x1="23" y1="22" x2="1" y2="22" />
+  <path d="M16 6l-4 4-4-4" />
-  <polyline points="16 5 12 9 8 5" />
+  <path d="M16 18a4 4 0 00-8 0" />
 </svg>