Merge pull request #1300 from Katotodan/feat/icons/cloud-icon

Feat: Add CloudIcon

Author: Rajesh-Nagarajan-11

src/icons/Cloud/CloudIcon.tsx

@@ -0,0 +1,25 @@
+import { FC } from 'react';
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH, KEPPEL_GREEN_FILL } from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const CloudIcon: FC<IconProps> = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = KEPPEL_GREEN_FILL,
+  ...props
+}) => {
+  return (
+    <svg 
+      width={width} 
+      height={height}
+      viewBox="0 0 24 24" 
+      xmlns="http://www.w3.org/2000/svg"
+      fill={fill}
+      {...props}
+    >
+        <path d="M18.42 9.21a7 7 0 0 0-13.36 1.9A4 4 0 0 0 6 19h11a5 5 0 0 0 1.42-9.79M17 17H6a2 2 0 0 1 0-4 1 1 0 0 0 1-1 5 5 0 0 1 9.73-1.61 1 1 0 0 0 .78.66A3 3 0 0 1 17 17"/>
+    </svg>
+  );
+};
+
+export default CloudIcon;

src/icons/Cloud/index.ts

@@ -1 +1,2 @@
 export { default as CloudSavedIcon } from './CloudSavedIcon';
+export { default as CloudIcon } from './CloudIcon';