feat(icons): add RefreshIcon component

Signed-off-by: dpoppe7 <damariscecilia29@gmail.com>

Author: dpoppe7

src/icons/Refresh/RefreshIcon.tsx

@@ -0,0 +1,26 @@
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH, KEPPEL_GREEN_FILL } from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const RefreshIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = KEPPEL_GREEN_FILL,
+  ...props
+}: IconProps): JSX.Element => {
+  return (
+    <svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-8 3.58-8 8h2c0-3.31 2.69-6 6-6 1.66 0 3.14.83 4.07 2.09L13 11h7V4l-2.35 2.35zM6.35 17.65C7.8 19.1 9.79 20 12 20c4.42 0 8-3.58 8-8h-2c0 3.31-2.69 6-6 6-1.66 0-3.14-.83-4.07-2.09L11 13H4v7l2.35-2.35z"
+        fill={fill}
+      />
+    </svg>
+  );
+};
+
+export default RefreshIcon;

src/icons/Refresh/index.ts

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

src/icons/index.ts

@@ -100,6 +100,7 @@ export * from './Question';
 export * from './Read';
 export * from './Rectangle';
 export * from './Redo';
+export * from './Refresh';
 export * from './Remove';
 export * from './Reset';
 export * from './Resize';