add CompareArrow Icon

Signed-off-by: Bhumika Garg <bhumikatech2024@gmail.com>

Author: Bhumikagarggg

src/icons/CompareArrows/CompareArrowsIcon.tsx

@@ -0,0 +1,27 @@
+import { DEFAULT_FILL, DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const CompareArrowsIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = DEFAULT_FILL,
+  ...props
+}: IconProps): JSX.Element => {
+  return (
+    <svg
+      width={width}
+      height={height}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      data-testid="circle-icon-svg"
+      {...props}
+    >
+      <path
+        d="M9.01 14H2v2h7.01v3L13 15l-3.99-4zm5.98-1v-3H22V8h-7.01V5L11 9z"
+        fill={fill}
+      />
+    </svg>
+  );
+};
+
+export default CompareArrowsIcon;

src/icons/CompareArrows/index.ts

@@ -0,0 +1 @@
+export { default as CompareArrowsIcon } from './CompareArrowsIcon';

src/icons/index.ts

@@ -18,6 +18,7 @@ export * from './Close';
 export * from './Cloud';
 export * from './CollapseAll';
 export * from './Column';
+export * from './CompareArrows';
 export * from './Component';
 export * from './Configuration';
 export * from './ContentFilter';