feat: add new expand and collapse all icons

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

Author: amitamrutiya

src/icons/CollapseAll/CollapseAllIcon.tsx

@@ -0,0 +1,44 @@
+import React from 'react';
+
+interface CollapsAllIconProps {
+  height?: string;
+  width?: string;
+  fill?: string;
+  strokeWidth?: string;
+  style?: React.CSSProperties;
+}
+
+const CollapsAllIcon: React.FC<CollapsAllIconProps> = ({
+  height = '24',
+  width = '24',
+  fill = 'none',
+  strokeWidth = '2',
+  style
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    height={height}
+    width={width}
+    style={style}
+  >
+    <path
+      d="M17 16l-5-5-5 5"
+      fill={fill}
+      stroke="currentColor"
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M17 10l-5-5-5 5"
+      fill={fill}
+      stroke="currentColor"
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default CollapsAllIcon;

src/icons/CollapseAll/index.tsx

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

src/icons/ExpandAll/ExpandAllIcon.tsx

@@ -0,0 +1,44 @@
+import React from 'react';
+
+interface ExpandAllProps {
+  height?: string;
+  width?: string;
+  fill?: string;
+  strokeWidth?: string;
+  style?: React.CSSProperties;
+}
+
+const ExpandAll: React.FC<ExpandAllProps> = ({
+  height = '24',
+  width = '24',
+  fill = 'none',
+  strokeWidth = '2',
+  style
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    height={height}
+    width={width}
+    style={style}
+  >
+    <path
+      d="M7 8l5 5 5-5"
+      fill={fill}
+      stroke="currentColor"
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M7 14l5 5 5-5"
+      fill={fill}
+      stroke="currentColor"
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default ExpandAll;

src/icons/ExpandAll/index.tsx

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

src/icons/index.ts

@@ -9,6 +9,7 @@ export * from './Circle';
 export * from './Clone';
 export * from './Close';
 export * from './Cloud';
+export * from './CollapseAll';
 export * from './Column';
 export * from './Component';
 export * from './Configuration';
@@ -25,6 +26,7 @@ export * from './Designer';
 export * from './Detail';
 export * from './DropDownIcon';
 export * from './Error';
+export * from './ExpandAll';
 export * from './Favorite';
 export * from './Filter';
 export * from './Fullscreen';