feat: create some extra icons for other widgets

Signed-off-by: amitamrutiya <amitamrutiya2210@gmail.com>

Author: amitamrutiya

src/icons/GetStarted/GetStartedIcon.tsx

@@ -0,0 +1,34 @@
+import { FC } from 'react';
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
+import { IconProps } from '../types';
+
+const GetStartedIcon: FC<IconProps> = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill,
+  ...props
+}) => {
+  return (
+    <svg
+      width={width}
+      height={height}
+      viewBox="0 0 32 35"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M12.0511 7.32533C11.5656 7.14537 11.8398 6.41708 12.3253 6.5973C13.9775 7.21583 15.0971 8.79753 15.0971 10.5827V27.683C15.0971 29.4605 16.4359 30.9479 18.182 31.1359C18.6911 31.1907 18.6048 31.9736 18.096 31.9111C15.9586 31.6763 14.3141 29.8442 14.3141 27.6751L14.3138 10.5824C14.3138 9.12611 13.39 7.82644 12.0511 7.32533ZM4.4325 17.9193L5.01962 18.9371L5.66163 20.0488C5.81811 20.315 5.62258 20.6359 5.32492 20.6359L4.43247 20.6362V29.5621C6.01415 29.8674 6.6327 31.8407 5.47376 32.9915C4.19765 34.2602 2.013 33.3519 2.013 31.551C2.013 30.5723 2.70991 29.7424 3.64928 29.5545V20.6285H2.75683C2.46709 20.6285 2.24781 20.3153 2.43568 20.01L3.06213 18.9294L3.64925 17.9116V14.8815C3.64925 14.3648 4.43215 14.3648 4.43215 14.8815L4.4325 17.9193ZM25.7609 17.9193L26.9903 20.049C27.1468 20.3153 26.9513 20.6362 26.6536 20.6362H25.7609V22.531C25.7609 23.0477 24.978 23.0477 24.978 22.531V20.6362H24.0855C23.7958 20.6362 23.5765 20.315 23.7644 20.0256L24.9779 17.9272V14.6229C22.5508 14.3017 21.5172 11.3186 23.2633 9.56485C23.7174 9.11072 24.3125 8.80544 24.9779 8.7191V6.41729H18.7375C18.3773 6.41729 18.1894 5.96315 18.5026 5.71275L25.1188 0.0911155C25.3695 -0.120246 25.7609 0.0597111 25.7609 0.388772V8.71978C27.2251 8.91558 28.3447 10.1682 28.3447 11.6715C28.3447 13.1827 27.2172 14.4278 25.7609 14.6233L25.7609 17.9193Z"
+        fill={fill}
+        fillOpacity="0.6"
+      />
+      <path
+        d="M1.6561 3.66928C-0.552034 5.87742 -0.552034 9.46324 1.6561 11.671C3.86423 13.8792 7.45006 13.8792 9.65784 11.671C11.866 9.46289 11.866 5.87707 9.65784 3.66928C7.44971 1.46115 3.86388 1.46115 1.6561 3.66928ZM21.3948 25.3424C19.1867 27.5505 19.1867 31.1363 21.3948 33.3441C23.6029 35.5522 27.1888 35.5522 29.3965 33.3441C31.6047 31.136 31.6047 27.5501 29.3965 25.3424C27.1963 23.1342 23.6105 23.1342 21.3948 25.3424ZM2.96339 7.44365C2.70506 6.99744 3.38612 6.60587 3.63681 7.05205L4.62343 8.7667L7.73192 5.65821C8.09211 5.2901 8.64807 5.84609 8.28791 6.2142L4.81925 9.68286C4.63929 9.86282 4.33371 9.82377 4.20072 9.60448L2.96339 7.44365ZM22.7098 29.1167C22.4515 28.6705 23.1325 28.2789 23.3832 28.7251L24.3698 30.4398L27.4783 27.3313C27.8385 26.9711 28.3945 27.5192 28.0343 27.8873L24.5656 31.3559C24.3857 31.5359 24.0801 31.4968 23.9471 31.2776L22.7098 29.1167Z"
+        fill={fill}
+        fillOpacity="0.8"
+      />
+    </svg>
+  );
+};
+
+export default GetStartedIcon;

src/icons/GetStarted/index.ts

@@ -0,0 +1,3 @@
+import GetStartedIcon from './GetStartedIcon';
+
+export { GetStartedIcon };

src/icons/InviteUser/InviteUserIcon.tsx

@@ -0,0 +1,31 @@
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
+import { IconProps } from '../types';
+
+const InviteUserIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = 'currentColor',
+  ...props
+}: IconProps): JSX.Element => {
+  return (
+    <svg
+      width={width}
+      height={height}
+      viewBox="0 0 20 20"
+      fill={fill}
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M9.06164 2.30469C10.0545 2.30469 11.0067 2.69911 11.7088 3.4012C12.411 4.10328 12.8054 5.0555 12.8054 6.0484C12.8054 7.0413 12.411 7.99352 11.7088 8.6956C11.0067 9.39769 10.0545 9.79211 9.06164 9.79211C8.06875 9.79211 7.11652 9.39769 6.41444 8.6956C5.71236 7.99352 5.31793 7.0413 5.31793 6.0484C5.31793 5.0555 5.71236 4.10328 6.41444 3.4012C7.11652 2.69911 8.06875 2.30469 9.06164 2.30469ZM9.06164 11.664C10.3769 11.664 10.0669 11.8603 10.0669 14.7837V17.2795H1.57422V15.4077C1.57422 13.3393 4.92484 11.664 9.06164 11.664Z"
+        fill={fill}
+      />
+      <path
+        d="M17.7026 11.9219H11.9253C11.5281 11.9219 11.2068 12.2468 11.2068 12.644L11.2031 16.977C11.2031 17.3743 11.5281 17.6992 11.9253 17.6992H17.7026C18.0998 17.6992 18.4248 17.3743 18.4248 16.977V12.644C18.4248 12.2468 18.0998 11.9219 17.7026 11.9219ZM17.7026 13.3662L14.814 15.1716L11.9253 13.3662V12.644L14.814 14.4495L17.7026 12.644V13.3662Z"
+        fill={fill}
+      />
+    </svg>
+  );
+};
+
+export default InviteUserIcon;

src/icons/InviteUser/index.ts

@@ -0,0 +1,3 @@
+import InviteUserIcon from './InviteUserIcon';
+
+export { InviteUserIcon };

src/icons/Open/OpenIcon.tsx

@@ -1,6 +1,7 @@
 import { FC } from 'react';
 import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
 import { IconProps } from '../types';
+
 export const OpenIcon: FC<IconProps> = ({
   width = DEFAULT_WIDTH,
   height = DEFAULT_HEIGHT,

src/icons/OpenInNew/OpenInNewIcon.tsx

@@ -0,0 +1,24 @@
+import { FC } from 'react';
+import { IconProps } from '../types';
+
+const OpenInNewIcon: FC<IconProps> = ({
+  width = '24px',
+  height = '24px',
+  fill,
+  style = {},
+  onClick
+}) => (
+  <svg
+    style={style}
+    xmlns="http://www.w3.org/2000/svg"
+    height={height}
+    viewBox="0 -960 960 960"
+    width={width}
+    fill={fill}
+    onClick={onClick}
+  >
+    <path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z" />
+  </svg>
+);
+
+export default OpenInNewIcon;

src/icons/OpenInNew/index.ts

@@ -0,0 +1,2 @@
+import OpenInNewIcon from './OpenInNewIcon';
+export { OpenInNewIcon };