Add download icon

src/components/icons/DownloadIcon.tsx

@@ -0,0 +1,40 @@
+import { FC } from "react";
+import { IconProps } from "./types";
+import { getPreparedSvgProps } from "./utils";
+import { Svg } from "baseui/icon/styled-components";
+import { COLORS } from "../../shared";
+
+const DownloadIcon: FC<IconProps> = ({ title, ...props }) => {
+  const svgProps = getPreparedSvgProps(props);
+  return (
+    <Svg {...props} {...svgProps} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+      {title && <title>{title}</title>}
+      <path
+        fill="none"
+        d="M2 11.0014V14H14V11"
+        stroke={COLORS.gray50}
+        strokeWidth="1.33333"
+        strokeLinecap="square"
+        strokeLinejoin="round"
+      />
+      <path
+        fill="none"
+        d="M11 6.66675L8 9.66675L5 6.66675"
+        stroke={COLORS.gray50}
+        strokeWidth="1.33333"
+        strokeLinecap="square"
+        strokeLinejoin="round"
+      />
+      <path
+        fill="none"
+        d="M8 3L7.99967 9"
+        stroke={COLORS.gray50}
+        strokeWidth="1.33333"
+        strokeLinecap="square"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+
+export default DownloadIcon;

src/components/icons/Icons.stories.mdx

@@ -32,6 +32,7 @@ import SeparatorIcon from "./SeparatorIcon";
 import ArrowUpIcon from "./ArrowUpIcon";
 import DotsIcon from "./DotsIcon";
 import CheckmarkIcon from "./CheckmarkIcon";
+import DownloadIcon from "./DownloadIcon";
 import { useStyletron } from "baseui";
 
 <Meta title="Media/Icons" component={HeartIcon} />
@@ -159,6 +160,9 @@ export const Template = ({ color, size, icon }) => {
   <Story name="Checkmark" args={{ icon: <CheckmarkIcon /> }}>
     {Template.bind({})}
   </Story>
+  <Story name="Download" args={{ icon: <DownloadIcon /> }}>
+    {Template.bind({})}
+  </Story>
 </Canvas>
 
 <ArgsTable of={HeartIcon} />

src/components/icons/index.ts

@@ -31,5 +31,6 @@ export { default as ArrowUpIcon } from "./ArrowUpIcon";
 export { default as DotsIcon } from "./DotsIcon";
 export { default as CopyIcon } from "./CopyIcon";
 export { default as CheckmarkIcon } from "./CheckmarkIcon";
+export { default as DownloadIcon } from "./DownloadIcon";
 
 export type { IconProps } from "./types";