Add icons for dashboard (#3995)

Author: siddharthkp

packages/components/src/components/Icon/icons.tsx

@@ -215,45 +215,128 @@ export const plus = props => (
   </Element>
 );
 
-export const trash = props => (
-  <svg width={16} height={16} fill="none" viewBox="0 0 16 16" {...props}>
+export const menu = props => (
+  <Element
+    as="svg"
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
     <path
+      d="M16 4H0V3H16V4ZM16 8.66762H0V7.66762H16V8.66762ZM0 13.3352H16V12.3352H0V13.3352Z"
       fill="currentColor"
       fillRule="evenodd"
-      d="M8 3c-1.6 0-2.4.746-2.4 1.667H4.25c-.138 0-.25.124-.25.277v.278c0 .154.112.278.25.278h7.5c.138 0 .25-.124.25-.278v-.278c0-.153-.112-.277-.25-.277H10.4C10.4 3.747 9.6 3 8 3zM6.4 4.667c0-.614.4-.834 1.6-.834 1.2 0 1.6.22 1.6.834H6.4zM4.727 6.333c-.147 0-.262.14-.249.303l.501 6.111c.012.143.12.253.25.253h5.543c.129 0 .237-.11.249-.253l.408-6.11c.013-.163-.102-.304-.25-.304H4.728z"
       clipRule="evenodd"
     />
-  </svg>
+  </Element>
 );
 
-export const menu = props => (
+export const bell = props => (
   <Element
     as="svg"
     viewBox="0 0 16 16"
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
     <path
-      d="M16 4H0V3H16V4ZM16 8.66762H0V7.66762H16V8.66762ZM0 13.3352H16V12.3352H0V13.3352Z"
+      d="M9.03657 1.06667C9.03657 1.10232 9.03487 1.13756 9.03155 1.17231C11.3998 1.66446 13.1829 3.81795 13.1829 6.4V8.53333L15.3507 12.2512C15.7652 12.9622 15.2675 13.8667 14.4618 13.8667H8H1.53818C0.732452 13.8667 0.234778 12.9622 0.649321 12.2512L2.81711 8.53333L2.81711 6.4C2.81711 3.81795 4.60022 1.66446 6.96844 1.17231C6.96512 1.13756 6.96342 1.10232 6.96342 1.06667C6.96342 0.477563 7.42751 0 8 0C8.57248 0 9.03657 0.477563 9.03657 1.06667ZM8.00001 16C7.23265 16 6.56267 15.571 6.20421 14.9333H9.79581C9.43735 15.571 8.76737 16 8.00001 16Z"
       fill="currentColor"
       fillRule="evenodd"
       clipRule="evenodd"
     />
   </Element>
 );
 
-export const bell = props => (
+export const box = props => (
   <Element
     as="svg"
     viewBox="0 0 16 16"
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
     <path
-      d="M9.03657 1.06667C9.03657 1.10232 9.03487 1.13756 9.03155 1.17231C11.3998 1.66446 13.1829 3.81795 13.1829 6.4V8.53333L15.3507 12.2512C15.7652 12.9622 15.2675 13.8667 14.4618 13.8667H8H1.53818C0.732452 13.8667 0.234778 12.9622 0.649321 12.2512L2.81711 8.53333L2.81711 6.4C2.81711 3.81795 4.60022 1.66446 6.96844 1.17231C6.96512 1.13756 6.96342 1.10232 6.96342 1.06667C6.96342 0.477563 7.42751 0 8 0C8.57248 0 9.03657 0.477563 9.03657 1.06667ZM8.00001 16C7.23265 16 6.56267 15.571 6.20421 14.9333H9.79581C9.43735 15.571 8.76737 16 8.00001 16Z"
+      d="M8.47267 16C8.52097 15.9853 8.56238 15.9632 8.61068 15.9338L14.0134 12.6544C14.6551 12.2647 15 11.8677 15 10.8015V5.07353C15 4.85295 14.9863 4.67647 14.9449 4.51471L8.47267 8.45589V16ZM1.0552 4.51471L7.52738 8.45589V16C7.47908 15.9853 7.43768 15.9632 7.39627 15.9338L1.98669 12.6544C1.35189 12.2647 1 11.8677 1 10.8015V5.07353C1 4.85295 1.01379 4.67647 1.0552 4.51471ZM8.00348 0C8.3912 0 8.79142 0.126726 9.19225 0.361109L9.25238 0.397071L14.1237 3.35295C14.2586 3.43138 14.3718 3.5098 14.468 3.60374L14.5033 3.63972L8.00348 7.57353L1.4968 3.63972C1.59339 3.5432 1.70056 3.46358 1.82754 3.38608L1.8832 3.35295L5.44494 1.18234L5.44631 1.18272L6.74768 0.397071C7.12744 0.164871 7.5072 0.0284368 7.88189 0.0039839L7.94429 0.000948062L8.00348 0Z"
       fill="currentColor"
+    />
+  </Element>
+);
+
+export const file = props => (
+  <Element
+    as="svg"
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
       fillRule="evenodd"
       clipRule="evenodd"
+      d="M14.1996 4V4.8H9.39956V3.10724e-05H3.78571C3.35178 3.10724e-05 3 0.351807 3 0.785745V15.2143C3 15.6483 3.35178 16 3.78571 16H13.4143C13.8482 16 14.2 15.6483 14.2 15.2143V0.785745C14.2 0.776827 14.1999 0.767943 14.1996 0.759096V3.99989L10.1997 0V4H14.1996Z"
+      fill="currentColor"
+    />
+  </Element>
+);
+
+export const clock = props => (
+  <Element
+    as="svg"
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM6.59961 3.96655H7.53294V8.6333L12.1992 8.6333V9.56663H6.59922V8.6333H6.59961V3.96655Z"
+      fill="currentColor"
+    />
+  </Element>
+);
+
+export const folder = props => (
+  <Element
+    as="svg"
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M5.81826 1H0.727273C0.325611 1 0 1.3299 0 1.73684V14.2632C0 14.6701 0.325613 15 0.727274 15H15.2727C15.6744 15 16 14.6701 16 14.2632V3.45614C16 3.04919 15.6744 2.7193 15.2727 2.7193H8L6.30205 1.18667C6.16884 1.06644 5.99666 1 5.81826 1Z"
+      fill="currentColor"
+    />
+  </Element>
+);
+
+export const star = props => (
+  <Element
+    as="svg"
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M7.61571 0.774506C7.73667 0.408498 8.26333 0.408498 8.38429 0.774506L9.99583 5.65081C10.0499 5.81449 10.2051 5.92532 10.3801 5.92532H15.5952C15.9866 5.92532 16.1493 6.41778 15.8327 6.64398L11.6136 9.6577C11.472 9.75886 11.4127 9.93818 11.4668 10.1019L13.0784 14.9782C13.1993 15.3442 12.7732 15.6485 12.4566 15.4223L8.23751 12.4086C8.09588 12.3074 7.90411 12.3074 7.76249 12.4086L3.54344 15.4223C3.22677 15.6485 2.80068 15.3442 2.92164 14.9782L4.53318 10.1019C4.58727 9.93818 4.52801 9.75887 4.38639 9.6577L0.167339 6.64398C-0.149337 6.41778 0.0134119 5.92532 0.404844 5.92532H5.61988C5.79493 5.92532 5.95008 5.81449 6.00417 5.65081L7.61571 0.774506Z"
+      fill="currentColor"
+    />
+  </Element>
+);
+
+export const trash = props => (
+  <Element
+    as="svg"
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M8 0C5.6 0 4.4 2.33284 4.4 3.69231L2.375 3.69231C2.16789 3.69231 2 3.87599 2 4.10256V5.74359C2 5.97017 2.16789 6.15385 2.375 6.15385H13.625C13.8321 6.15385 14 5.97017 14 5.74359V4.10256C14 3.87599 13.8321 3.69231 13.625 3.69231L11.6 3.69231C11.6 2.33284 10.4 0 8 0ZM10.4 3.69231H5.6C5.6 2.78599 6.2 1.23077 8 1.23077C9.8 1.23077 10.4 2.78599 10.4 3.69231Z"
+      fill="currentColor"
+    />
+    <path
+      d="M3.09091 7.38462C2.8704 7.38462 2.69748 7.59176 2.71745 7.83202L3.469 15.6269C3.48656 15.8382 3.6485 16 3.84246 16H12.1575C12.3515 16 12.5134 15.8382 12.531 15.6269L13.1431 7.83202C13.1631 7.59176 12.9901 7.38462 12.7696 7.38462H3.09091Z"
+      fill="currentColor"
     />
   </Element>
 );