feat(ui): add settings-x-sync & settings-eye icons

packages/ui/src/icons/svgr/index.ts

@@ -41,6 +41,8 @@ export { default as PersonRemoveIcon } from "./person-remove";
 export { default as RefreshFilledIcon } from "./refresh-filled";
 export { default as RiskIcon } from "./risk";
 export { default as SearchIcon } from "./search";
+export { default as SettingsEyeIcon } from "./settings-eye";
+export { default as SettingsXSyncIcon } from "./settings-x-sync";
 export { default as ShareIcon } from "./share";
 export { default as ShopIcon } from "./shop";
 export { default as SquaresIcon } from "./squares";

packages/ui/src/icons/svgr/settings-eye.tsx

@@ -0,0 +1,35 @@
+import * as React from "react";
+import { SVGProps, Ref, forwardRef } from "react";
+const SvgSettingsEye = (
+	props: SVGProps<SVGSVGElement>,
+	ref: Ref<SVGSVGElement>
+) => (
+	<svg
+		width="1em"
+		height="1em"
+		viewBox="0 0 24 24"
+		fill="none"
+		xmlns="http://www.w3.org/2000/svg"
+		ref={ref}
+		{...props}
+	>
+		<g clipPath="url(#settings-eye_svg__a)">
+			<path
+				d="M11.505 10C12.887 10 14 11.294 14 12.675 14 14.054 12.887 15 11.505 15A2.503 2.503 0 0 1 9 12.5c0-1.381 1.123-2.5 2.505-2.5ZM22 12.5s-2.655-6.91-9.645-7.448A7.773 7.773 0 0 0 11.5 5c-.29 0-.574.021-.855.052C3.655 5.59 1 12.5 1 12.5s2.655 6.91 9.645 7.447c.281.032.565.053.855.053.29 0 .574-.021.855-.053C19.345 19.41 22 12.5 22 12.5Zm-15 0C7 10.02 9.02 8 11.5 8s4.5 2.02 4.5 4.5-2.02 4.5-4.5 4.5S7 14.98 7 12.5Z"
+				fill="#808ABF"
+			/>
+			<path
+				opacity={0.4}
+				d="M11.5 5C7.36 5 4 8.36 4 12.5c0 4.14 3.36 7.5 7.5 7.5 4.14 0 7.5-3.36 7.5-7.5C19 8.36 15.64 5 11.5 5Zm0 12C9.02 17 7 14.98 7 12.5S9.02 8 11.5 8s4.5 2.02 4.5 4.5-2.02 4.5-4.5 4.5Z"
+				fill="#fff"
+			/>
+		</g>
+		<defs>
+			<clipPath id="settings-eye_svg__a">
+				<path fill="#fff" d="M0 0h24v24H0z" />
+			</clipPath>
+		</defs>
+	</svg>
+);
+const ForwardRef = forwardRef(SvgSettingsEye);
+export default ForwardRef;

packages/ui/src/icons/svgr/settings-x-sync.tsx

@@ -0,0 +1,35 @@
+import * as React from "react";
+import { SVGProps, Ref, forwardRef } from "react";
+const SvgSettingsXSync = (
+	props: SVGProps<SVGSVGElement>,
+	ref: Ref<SVGSVGElement>
+) => (
+	<svg
+		width="1em"
+		height="1em"
+		viewBox="0 0 24 24"
+		fill="none"
+		xmlns="http://www.w3.org/2000/svg"
+		ref={ref}
+		{...props}
+	>
+		<g clipPath="url(#settings-x-sync_svg__a)">
+			<path
+				d="M22 16c0 3.31-2.69 6-6 6-2.22 0-4.16-1.21-5.2-3.01-.1.01-.2.01-.3.01C5.81 19 2 15.19 2 10.5 2 5.81 5.81 2 10.5 2c4.69 0 8.5 3.81 8.5 8.5 0 .1 0 .2-.01.3A6.001 6.001 0 0 1 22 16Z"
+				fill="#5B89F7"
+			/>
+			<path
+				opacity={0.4}
+				d="M19 10.5c0 .1 0 .2-.01.3-.88-.51-1.9-.8-2.99-.8-3.31 0-6 2.69-6 6 0 1.09.29 2.11.8 2.99-.1.01-.2.01-.3.01C5.81 19 2 15.19 2 10.5 2 5.81 5.81 2 10.5 2c4.69 0 8.5 3.81 8.5 8.5Z"
+				fill="#fff"
+			/>
+		</g>
+		<defs>
+			<clipPath id="settings-x-sync_svg__a">
+				<path fill="#fff" d="M0 0h24v24H0z" />
+			</clipPath>
+		</defs>
+	</svg>
+);
+const ForwardRef = forwardRef(SvgSettingsXSync);
+export default ForwardRef;