Merge branch 'master' into feat/calculate-icon-sistent

Author: Rajesh-Nagarajan-11

src/icons/MoreVert/MoreVertIcon.tsx

@@ -0,0 +1,28 @@
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH,KEPPEL_GREEN_FILL } from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const MoreVertIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = KEPPEL_GREEN_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="more-vert-icon-svg"
+      {...props}
+    >
+
+    <path
+    d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"
+    fill={fill}
+    />
+    </svg>
+  );
+};
+
+export default MoreVertIcon;

src/icons/MoreVert/index.ts

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

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/Upgrade/UpgradeIcon.tsx

@@ -0,0 +1,25 @@
+import { DEFAULT_WIDTH, DEFAULT_HEIGHT, KEPPEL_GREEN_FILL } from "../../constants/constants";
+import { IconProps } from "../types";
+
+export const UpgradeIcon = ({
+    width = DEFAULT_WIDTH,
+    height = DEFAULT_HEIGHT,
+    fill = KEPPEL_GREEN_FILL,
+    ...props
+}: IconProps): JSX.Element => {
+    return (
+    <svg
+        width={width}
+        height={height}
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        {...props}
+    >
+        <path 
+            d="M16 18v2H8v-2zM11 7.99V16h2V7.99h3L12 4 8 7.99z" 
+            fill={fill}
+        />
+    </svg>
+  );
+}
+export default UpgradeIcon;

src/icons/Upgrade/index.ts

@@ -0,0 +1 @@
+export { default as UpgradeIcon } from "./UpgradeIcon";

src/icons/index.ts

@@ -83,6 +83,7 @@ export * from './Lock';
 export * from './Logout';
 export * from './Mendeley';
 export * from './Menu';
+export * from './MoreVert';
 export * from './Meshery';
 export * from './MesheryFilter';
 export * from './MesheryOperator';
@@ -103,6 +104,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';
@@ -130,6 +132,7 @@ export * from './Triangle';
 export * from './Tropy';
 export * from './Undeploy';
 export * from './Undo';
+export * from './Upgrade';
 export * from './Validate';
 export * from './View';
 export * from './Visibility';