refactor: address frontend review feedback

packages/icons/src/OperationIcon/svg/SubscriptionsIcon.tsx

@@ -0,0 +1,38 @@
+import type { FC } from "react";
+
+import type { IconProps } from "../../types";
+
+import { bindIconAnimation } from "../../bind-icon-animation";
+import classes from "../OperationIcon.module.css";
+
+const SubscriptionsIcon: FC<IconProps> = (props) => {
+	const { size = 24, ...svgProps } = props;
+
+	return (
+		<svg
+			aria-hidden="true"
+			className={classes.icon}
+			fill="none"
+			focusable="false"
+			height={size}
+			ref={bindIconAnimation}
+			stroke="currentColor"
+			strokeLinecap="round"
+			strokeLinejoin="round"
+			strokeWidth="1.6"
+			viewBox="0 0 24 24"
+			width={size}
+			{...svgProps}
+		>
+			<path d="M4 10a8 8 0 0 1 13-6l3 3" pathLength={1} />
+
+			<path d="M20 3v4h-4" pathLength={1} />
+
+			<path d="M20 14a8 8 0 0 1-13 6l-3-3" pathLength={1} />
+
+			<path d="M4 21v-4h4" pathLength={1} />
+		</svg>
+	);
+};
+
+export { SubscriptionsIcon };