Merge branch 'master' into feature/icons/refresh-icon

Rajesh-Nagarajan-11 · web-flow · commit f34dd68f298a · 2026-02-04T15:04:53.000+05:30
diff --git a/src/__testing__/PeopleIcon.test.tsx b/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');
+  });
+});
diff --git a/src/icons/GroupAdd/GroupAddIcon.tsx b/src/icons/GroupAdd/GroupAddIcon.tsx
@@ -0,0 +1,25 @@
+import {  DEFAULT_HEIGHT, DEFAULT_WIDTH, KEPPEL_GREEN_FILL } from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const GroupAddIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = KEPPEL_GREEN_FILL,
+  ...props
+}: IconProps): JSX.Element => {
+  return (
+    <svg
+      width={width}
+      height={height}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      {...props}
+    >
+      <path
+        d="M22 9V7h-2v2h-2v2h2v2h2v-2h2V9zM8 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m0 1c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4m4.51-8.95C13.43 5.11 14 6.49 14 8s-.57 2.89-1.49 3.95C14.47 11.7 16 10.04 16 8s-1.53-3.7-3.49-3.95m4.02 9.78C17.42 14.66 18 15.7 18 17v3h2v-3c0-1.45-1.59-2.51-3.47-3.17"
+        fill={fill}
+      />
+    </svg>
+  );
+};
+export default GroupAddIcon;
diff --git a/src/icons/GroupAdd/index.ts b/src/icons/GroupAdd/index.ts
@@ -0,0 +1 @@
+export { default as GroupAdd } from './GroupAddIcon';
diff --git a/src/icons/People/PeopleIcon.tsx b/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;
diff --git a/src/icons/People/index.ts b/src/icons/People/index.ts
@@ -0,0 +1 @@
+export { default as PeopleIcon } from './PeopleIcon';
diff --git a/src/icons/PlayArrow/PlayArrowIcon.tsx b/src/icons/PlayArrow/PlayArrowIcon.tsx
@@ -0,0 +1,23 @@
+import { KEPPEL_GREEN_FILL, DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const PlayArrowIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = KEPPEL_GREEN_FILL,
+  ...props
+}: IconProps): JSX.Element => {
+  return (
+    <svg
+      width={width}
+      height={height}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      {...props}
+    >
+      <path d="M8 5v14l11-7z" fill={fill} />
+    </svg>
+  );
+};
+
+export default PlayArrowIcon;
diff --git a/src/icons/PlayArrow/index.ts b/src/icons/PlayArrow/index.ts
@@ -0,0 +1 @@
+export { default as PlayArrowIcon } from './PlayArrowIcon';
diff --git a/src/icons/Science/ScienceIcon.tsx b/src/icons/Science/ScienceIcon.tsx
@@ -0,0 +1,29 @@
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
+import { IconProps } from '../types';
+
+const KEPPEL_GREEN_FILL = '#00B39F';
+
+export const ScienceIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = KEPPEL_GREEN_FILL,
+  ...props
+}: IconProps): JSX.Element => {
+  return (
+    <svg
+      width={width}
+      height={height}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      data-testid="science-icon-svg"
+      {...props}
+    >
+      <path
+        d="M19.8 18.4L14 10.67V6.5l1.35-1.69c.26-.33.03-.81-.39-.81H9.04c-.42 0-.65.48-.39.81L10 6.5v4.17L4.2 18.4c-.49.66-.02 1.6.8 1.6h14c.82 0 1.29-.94.8-1.6z"
+        fill={fill}
+      />
+    </svg>
+  );
+};
+
+export default ScienceIcon;
diff --git a/src/icons/Science/index.ts b/src/icons/Science/index.ts
@@ -0,0 +1 @@
+export { default as ScienceIcon } from './ScienceIcon';
diff --git a/src/icons/Timer/TimerIcon.tsx b/src/icons/Timer/TimerIcon.tsx
@@ -0,0 +1,23 @@
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH, KEPPEL_GREEN_FILL } from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const TimerIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = KEPPEL_GREEN_FILL,
+  ...props
+}: IconProps): JSX.Element => {
+  return (
+    <svg
+      width={width}
+      height={height}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      {...props}
+    >
+      <path d="M9 1h6v2H9zm10.03 6.39 1.42-1.42c-.43-.51-.9-.99-1.41-1.41l-1.42 1.42C16.07 4.74 14.12 4 12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.61M13 14h-2V8h2z" fill={fill} />
+    </svg>
+  );
+};
+
+export default TimerIcon;
diff --git a/src/icons/Timer/index.ts b/src/icons/Timer/index.ts
@@ -0,0 +1 @@
+export { default as TimerIcon } from './TimerIcon';
diff --git a/src/icons/TrendingUp/TrendingUpIcon.tsx b/src/icons/TrendingUp/TrendingUpIcon.tsx
@@ -0,0 +1,22 @@
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH, KEPPEL_GREEN_FILL } from '../../constants/constants';
+import { IconProps } from '../types';
+
+const TrendingUpIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = KEPPEL_GREEN_FILL,
+  ...props
+}: IconProps): JSX.Element => (
+  <svg 
+    width={width} 
+    height={height} 
+    viewBox="0 0 24 24" 
+    fill={fill} 
+    xmlns="http://www.w3.org/2000/svg"
+    {...props} 
+  >
+    <path d="M1.414 16.432 0 15.018l7.071-7.071 6.364 6.364 4.243-4.243-1.743-1.742 6.692-1.793-1.793 6.692-1.742-1.742-5.657 5.656-6.364-6.364z"/>
+  </svg> 
+);
+
+export default TrendingUpIcon;
diff --git a/src/icons/TrendingUp/index.ts b/src/icons/TrendingUp/index.ts
@@ -0,0 +1 @@
+export {default as TrendingUpIcon} from './TrendingUpIcon'; 
diff --git a/src/icons/Upgrade/UpgradeIcon.tsx b/src/icons/Upgrade/UpgradeIcon.tsx
@@ -0,0 +1,25 @@
+import { DEFAULT_WIDTH, DEFAULT_HEIGHT, KEPPEL_GREEN_FILL } from "../../constants/constants";
+import { IconProps } from "../types";
+
+export const UpgradeIcon = ({
+    width = DEFAULT_WIDTH,
+    height = DEFAULT_HEIGHT,
+    fill = KEPPEL_GREEN_FILL,
+    ...props
+}: IconProps): JSX.Element => {
+    return (
+    <svg
+        width={width}
+        height={height}
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        {...props}
+    >
+        <path 
+            d="M16 18v2H8v-2zM11 7.99V16h2V7.99h3L12 4 8 7.99z" 
+            fill={fill}
+        />
+    </svg>
+  );
+}
+export default UpgradeIcon;
diff --git a/src/icons/Upgrade/index.ts b/src/icons/Upgrade/index.ts
@@ -0,0 +1 @@
+export { default as UpgradeIcon } from "./UpgradeIcon";
diff --git a/src/icons/index.ts b/src/icons/index.ts
@@ -68,6 +68,7 @@ export * from './GetStarted';
 export * from './Github';
 export * from './Google';
 export * from './GridView';
+export * from './GroupAdd';
 export * from './HelpIcon';
 export * from './Idea';
 export * from './InfoOutlined';
@@ -91,7 +92,9 @@ export * from './OpenInNew';
 export * from './Organization';
 export * from './PanTool';
 export * from './Pattern';
+export * from './People';
 export * from './Person';
+export * from './PlayArrow';
 export * from './Pod';
 export * from './Poll';
 export * from './Public';
@@ -120,12 +123,15 @@ export * from './TachographDigital';
 export * from './Tachometer';
 export * from './Teams';
 export * from './TerminalIcon';
+export * from './Timer';
 export * from './Toolkit';
 export * from './Touch';
+export * from './TrendingUp'
 export * from './Triangle';
 export * from './Tropy';
 export * from './Undeploy';
 export * from './Undo';
+export * from './Upgrade';
 export * from './Validate';
 export * from './View';
 export * from './Visibility';

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+export { default as GroupAdd } from './GroupAddIcon';`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+export { default as PeopleIcon } from './PeopleIcon';`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+export { default as PlayArrowIcon } from './PlayArrowIcon';`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+export { default as ScienceIcon } from './ScienceIcon';`