Merge pull request layer5io#750 from layer5io/hamburger-menu

chore: Add hamburger icon

Author: aabidsofi19

src/icons/Menu/MenuIcon.tsx

@@ -0,0 +1,24 @@
+import { DEFAULT_FILL_NONE, DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const AddIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = DEFAULT_FILL_NONE,
+  ...props
+}: IconProps): JSX.Element => {
+  return (
+    <svg
+      width={width}
+      height={height}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      data-testid="add-icon-svg"
+      {...props}
+    >
+      <path fill={fill} d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path>
+    </svg>
+  );
+};
+
+export default AddIcon;

src/icons/Menu/index.ts

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

src/icons/index.ts

@@ -54,6 +54,7 @@ export * from './InfoOutlined';
 export * from './Kubernetes';
 export * from './LeftAngledArrow';
 export * from './LeftArrow';
+export * from './Menu';
 export * from './MesheryOperator';
 export * from './Open';
 export * from './PanTool';