Merge pull request #1275 from Katotodan/feat/icons/people-icon

Adding People icon

Author: Rajesh-Nagarajan-11

src/__testing__/PeopleIcon.test.tsx

@@ -0,0 +1,15 @@
+import { render } from '@testing-library/react';
+import { PeopleIcon } from '../icons';
+
+describe('PeopleIcon', () => {
+  it('renders without errors', () => {
+    render(<PeopleIcon width={24} height={24} />);
+  });
+
+  it('applies width and height', () => {
+    const { getByTestId } = render(<PeopleIcon width={24} height={24} />);
+    const svgElement = getByTestId('people-icon-svg');
+    expect(svgElement.getAttribute('width')).toBe('24');
+    expect(svgElement.getAttribute('height')).toBe('24');
+  });
+});

src/icons/People/PeopleIcon.tsx

@@ -0,0 +1,28 @@
+import { KEPPEL_GREEN_FILL , DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
+import { IconProps } from '../types';
+
+const PeopleIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = KEPPEL_GREEN_FILL ,
+  ...props
+}: IconProps): JSX.Element => (
+  <svg
+    width={width}
+    height={height}
+    viewBox="0 0 48 48"
+    fill={fill}
+    data-testid="people-icon-svg"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path d="M3 29.4c0-4.256 8.661-6.4 13-6.4s13 2.144 13 6.4V35H3zM23 14c0 3.867-3.133 7-7 7s-7-3.133-7-7 3.133-7 7-7 7 3.133 7 7m17 4c0 2.762-2.237 5-5 5s-5-2.238-5-5 2.237-5 5-5 5 2.238 5 5" />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M31 35v-5.6c0-1.364-.532-2.511-1.28-3.437C31.57 25.322 33.583 25 35 25c3.337 0 10 1.787 10 5.333V35z"
+    />
+  </svg>
+);
+
+export default PeopleIcon;

src/icons/People/index.ts

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

src/icons/index.ts

@@ -92,6 +92,7 @@ export * from './OpenInNew';
 export * from './Organization';
 export * from './PanTool';
 export * from './Pattern';
+export * from './People';
 export * from './Person';
 export * from './Pod';
 export * from './Poll';