Build svg into components.

src/components/svg/LogoWhite.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const SvgLogoWhite = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={20}
+    height={20}
+    viewBox="0 0 428 389.11"
+    {...props}
+  >
+    <circle
+      cx={214.15}
+      cy={181}
+      r={171}
+      fill="none"
+      stroke="#fff"
+      strokeMiterlimit={10}
+      strokeWidth={20}
+    />
+    <path
+      fill="#fff"
+      d="M413 134.11H15.29a15 15 0 0 0-15 15v15.3C.12 168 0 171.52 0 175.11c0 118.19 95.81 214 214 214 116.4 0 211.1-92.94 213.93-208.67 0-.44.07-.88.07-1.33v-30a15 15 0 0 0-15-15"
+    />
+  </svg>
+);
+export default SvgLogoWhite;