base done

src/components/icons/SunIcon.tsx

@@ -0,0 +1,38 @@
+export const SunIcon = (props: any) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={props.size || props.width || 24}
+      height={props.size || props.height || 24}
+      viewBox="0 0 24 24"
+      {...props}
+    >
+      <path
+        fill={props.fill}
+        d="M6.993 12c0 2.761 2.246 5.007 5.007 5.007s5.007-2.246 5.007-5.007S14.761 6.993 12 6.993 6.993 9.239 6.993 12zM12 8.993c1.658 0 3.007 1.349 3.007 3.007S13.658 15.007 12 15.007 8.993 13.658 8.993 12 10.342 8.993 12 8.993zM10.998 19H12.998V22H10.998zM10.998 2H12.998V5H10.998zM1.998 11H4.998V13H1.998zM18.998 11H21.998V13H18.998z"
+      ></path>
+      <path
+        fill={props.fill}
+        transform="rotate(-45.017 5.986 18.01)"
+        d="M4.487 17.01H7.487V19.01H4.487z"
+      ></path>
+      <path
+        fill={props.fill}
+        transform="rotate(-45.001 18.008 5.99)"
+        d="M16.508 4.99H19.509V6.99H16.508z"
+      ></path>
+      <path
+        fill={props.fill}
+        transform="rotate(-134.983 5.988 5.99)"
+        d="M4.487 4.99H7.487V6.99H4.487z"
+      ></path>
+      <path
+        fill={props.fill}
+        transform="rotate(134.999 18.008 18.01)"
+        d="M17.008 16.51H19.008V19.511000000000003H17.008z"
+      ></path>
+    </svg>
+  );
+};
+
+export default SunIcon;