diff --git a/packages/frontend/src/utils/cloneIcon.tsx b/packages/frontend/src/utils/cloneIcon.tsx
new file mode 100644
index 00000000..a9dc2745
--- /dev/null
+++ b/packages/frontend/src/utils/cloneIcon.tsx
@@ -0,0 +1,17 @@
+import { Children, cloneElement, isValidElement } from 'react';
+import type { Attributes, ReactElement, ReactNode } from 'react';
+
+/**
+ * Clones an icon element with optional additional props.
+ * @param {ReactNode} icon - The icon element to clone.
+ * @param {Attributes & P} [props] - Additional props to apply to the cloned icon.
+ * @returns {ReactNode} - The cloned icon element with the applied props.
+ */
+export function cloneIcon<P extends object>(
+  icon: ReactNode,
+  props?: Attributes & P,
+): ReactNode {
+  return Children.map(icon, (child) =>
+    isValidElement(child) ? cloneElement(child as ReactElement, props) : child,
+  );
+}