feat: add LogoutIcon and TeamsIcon components with customizable properties

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

Author: amitamrutiya

src/icons/Delete/DeleteIcon.tsx

@@ -4,6 +4,8 @@ import { IconProps } from '../types';
 export const DeleteIcon = ({
   width = DEFAULT_WIDTH,
   height = DEFAULT_HEIGHT,
+  fill = '#455a64',
+  style,
   ...props
 }: IconProps): JSX.Element => {
   return (
@@ -12,6 +14,8 @@ export const DeleteIcon = ({
       viewBox="0 0 24 24"
       width={width}
       height={height}
+      fill={fill}
+      style={style}
       {...props}
     >
       <path d="M0 0h24v24H0z" fill="none" />

src/icons/Logout/LogOutIcon.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+
+interface LogoutIconProps {
+  width?: number;
+  height?: number;
+  fill?: string;
+  style?: React.CSSProperties;
+  secondaryFill?: string;
+}
+
+const LogoutIcon: React.FC<LogoutIconProps> = ({
+  width = 24,
+  height = 24,
+  fill,
+  style = {},
+  secondaryFill = '#00B39F'
+}) => (
+  <svg
+    style={style}
+    xmlns="http://www.w3.org/2000/svg"
+    height={height}
+    viewBox="0 0 17 19"
+    width={width}
+    fill={secondaryFill}
+  >
+    <path d="M11.7 14V11.3H5.4V7.7H11.7V5L16.2 9.5L11.7 14Z" fill={fill} />
+    <path d="M9.9 0.5C10.3774 0.5 10.8352 0.689642 11.1728 1.02721C11.5104 1.36477 11.7 1.82261 11.7 2.3V4.1H9.9V2.3H1.8V16.7H9.9V14.9H11.7V16.7C11.7 17.1774 11.5104 17.6352 11.1728 17.9728C10.8352 18.3104 10.3774 18.5 9.9 18.5H1.8C1.32261 18.5 0.864773 18.3104 0.527208 17.9728C0.189642 17.6352 0 17.1774 0 16.7V2.3C0 1.82261 0.189642 1.36477 0.527208 1.02721C0.864773 0.689642 1.32261 0.5 1.8 0.5H9.9Z" />
+  </svg>
+);
+
+export default LogoutIcon;

src/icons/Logout/index.ts

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

src/icons/Teams/TeamsIcon.tsx

@@ -0,0 +1,44 @@
+import React from 'react';
+
+interface TeamsIconProps {
+  width: string | number;
+  height: string | number;
+  fill: string;
+  primaryFill?: string;
+  secondaryFill?: string;
+  style?: React.CSSProperties;
+}
+
+const TeamsIcon: React.FC<TeamsIconProps> = ({
+  width,
+  height,
+  fill,
+  primaryFill = '#51636B',
+  secondaryFill = '#00B39F',
+  style = {}
+}) => (
+  <svg
+    style={style}
+    xmlns="http://www.w3.org/2000/svg"
+    height={height}
+    viewBox="0 0 18 18"
+    width={width}
+    fill={fill}
+  >
+    <path
+      fill={secondaryFill}
+      d="M3.8,5.4c0.4,0,0.8,0.1,1.1,0.3c-0.1,1.1,0.2,2.1,0.8,3c-0.4,0.7-1.1,1.2-2,1.2c-0.6,0-1.2-0.2-1.6-0.7
+	c-0.4-0.4-0.7-1-0.7-1.6s0.2-1.2,0.7-1.6S3.2,5.4,3.8,5.4z M14.2,5.4c0.6,0,1.2,0.2,1.6,0.7c0.4,0.4,0.7,1,0.7,1.6s-0.2,1.2-0.7,1.6
+	c-0.4,0.4-1,0.7-1.6,0.7c-0.9,0-1.6-0.5-2-1.2c0.6-0.8,1-1.9,0.8-3C13.4,5.6,13.8,5.4,14.2,5.4z M0,14.4v-1.1c0-1,1.4-1.9,3.3-2.2
+	c-0.4,0.5-0.7,1.2-0.7,2v1.3H0z M18,14.4h-2.6v-1.3c0-0.8-0.3-1.5-0.7-2c1.9,0.3,3.3,1.1,3.3,2.2V14.4z"
+    />
+    <path
+      fill={primaryFill}
+      d="M9,3.6c0.7,0,1.4,0.3,1.9,0.8c0.5,0.5,0.8,1.2,0.8,1.9S11.3,7.6,10.9,8C10.4,8.5,9.7,8.8,9,8.8S7.6,8.5,7.1,8
+	C6.7,7.6,6.4,6.9,6.4,6.2s0.3-1.4,0.8-1.9C7.6,3.8,8.3,3.6,9,3.6z"
+    />
+    <path fill={primaryFill} d="M4.1,13.1c0-1.6,2.2-2.8,4.9-2.8s4.9,1.3,4.9,2.8v1.3H4.1V13.1z" />
+  </svg>
+);
+
+export default TeamsIcon;

src/icons/Teams/index.ts

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

src/icons/index.ts

@@ -53,6 +53,8 @@ export * from './EmptyStyle';
 export * from './Environment';
 export * from './ExternalLink';
 export * from './Feedback';
+export * from './Github';
+export * from './Google';
 export * from './GridView';
 export * from './HelpIcon';
 export * from './Idea';
@@ -62,6 +64,7 @@ export * from './Kubernetes';
 export * from './Learning';
 export * from './LeftAngledArrow';
 export * from './LeftArrow';
+export * from './Logout';
 export * from './Menu';
 export * from './MesheryFilter';
 export * from './MesheryOperator';
@@ -90,6 +93,7 @@ export * from './SocialMedial';
 export * from './Star';
 export * from './Success';
 export * from './TableView';
+export * from './Teams';
 export * from './TerminalIcon';
 export * from './Toolkit';
 export * from './Touch';