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-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z" 
+        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';