feat: add hamburger and menu dropdown arrow (#525)

src/components/icon/icons/hamburger.jsx

@@ -0,0 +1,29 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import Icon from '../icon';
+
+export default function Hamburger({
+  fill,
+  style: styleProp,
+  ...rest // eslint-disable-line comma-dangle
+}) {
+  const style = {
+    ...styleProp,
+    ...Icon.defaultProps.style,
+  };
+  return (
+    <svg style={style} {...rest}>
+      <path d="M0 0h26v2H0V0zm0 16h26v2H0v-2zm0-8h26v2H0V8z" fill={fill} fillRule="evenodd" />
+    </svg>
+  );
+}
+
+Hamburger.propTypes = {
+  ...Icon.propTypes,
+  fill: PropTypes.string,
+};
+
+Hamburger.defaultProps = {
+  ...Icon.defaultProps,
+  viewBox: '0 0 26 18',
+};

src/components/icon/icons/index.js

@@ -47,6 +47,7 @@ import GraphArea from './graphArea';
 import GraphCandlestick from './graphCandlestick';
 import GraphLine from './graphLine';
 import GraphVolume from './graphVolume';
+import Hamburger from './hamburger';
 import Heart from './heart';
 import Hexagon from './hexagon';
 import House from './house';
@@ -86,6 +87,7 @@ import SolidArrowUp from './solidArrowUp';
 import Star from './star';
 import Tag from './tag';
 import TickingClock from './tickingClock';
+import ThickArrowDown from './thickArrowDown';
 import Trash from './trash';
 import VerticalEllipsis from './verticalEllipsis';
 
@@ -139,6 +141,7 @@ const Icon = {
   GraphCandlestick,
   GraphLine,
   GraphVolume,
+  Hamburger,
   Heart,
   Hexagon,
   House,
@@ -177,6 +180,7 @@ const Icon = {
   SolidArrowUp,
   Star,
   Tag,
+  ThickArrowDown,
   TickingClock,
   Trash,
   VerticalEllipsis,

src/components/icon/icons/thickArrowDown.jsx

@@ -0,0 +1,33 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import Icon from '../icon';
+
+export default function ThickArrowDown({
+  fill,
+  style: styleProp,
+  ...rest // eslint-disable-line comma-dangle
+}) {
+  const style = {
+    ...styleProp,
+    ...Icon.defaultProps.style,
+  };
+  return (
+    <svg style={style} {...rest}>
+      <path
+        d="M7.2975097.29267137l1.4137697 1.41465726L4.5021973 5.91377.2931151 1.70732863 1.7068849.29267137 4.5021973 3.08623z"
+        fill={fill}
+        fillRule="nonzero"
+      />
+    </svg>
+  );
+}
+
+ThickArrowDown.propTypes = {
+  ...Icon.propTypes,
+  fill: PropTypes.string,
+};
+
+ThickArrowDown.defaultProps = {
+  ...Icon.defaultProps,
+  viewBox: '0 0 9 6',
+};