refactor: enforce frontend view model boundaries

packages/icons/src/svg/WalletIcon.tsx

@@ -0,0 +1,29 @@
+import type { FC } from "react";
+
+import type { IconProps } from "../types";
+
+const WalletIcon: FC<IconProps> = (props) => {
+	const { size = "24", ...svgProps } = props;
+
+	return (
+		<svg
+			aria-hidden="true"
+			fill="none"
+			focusable="false"
+			height={size}
+			stroke="currentColor"
+			strokeLinecap="round"
+			strokeLinejoin="round"
+			strokeWidth="1.5"
+			viewBox="0 0 24 24"
+			width={size}
+			{...svgProps}
+		>
+			<rect height="15" rx="3" width="18" x="3" y="5" />
+
+			<path d="M3 9h18M7 15h3M14 5V3H7a4 4 0 0 0-4 4" />
+		</svg>
+	);
+};
+
+export { WalletIcon };