[Icon] - Environment and workspace icon

packages/svg/src/icons/Environment/EnvironmentIcon.tsx

@@ -0,0 +1,37 @@
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH, KEPPEL_GREEN_FILL } from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const EnvironmentIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  ...props
+}: IconProps): JSX.Element => {
+  return (
+    <svg
+      width={width}
+      height={height}
+      viewBox="0 0 18 19"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M3.9375 2C2.5913 2 1.5 3.0913 1.5 4.4375V13.0625C1.5 14.4087 2.5913 15.5 3.9375 15.5H9.5V15V14.5L3.9375 14.5326C3.21263 14.5326 2.5 13.7874 2.5 13.0625V5.5H14.0909V6.50701C14.4567 6.42083 14.6213 6.46756 15 6.50701V4.4375C15 3.0913 14.4371 2 13.0909 2H3.9375Z"
+        fill={props.fill}
+      />
+      <path
+        d="M14.8921 7.24992C14.7305 7.23496 14.5688 7.23515 14.4089 7.24992C13.5892 7.32566 12.8177 7.78464 12.3748 8.5517C11.8433 9.47232 11.9329 10.581 12.5134 11.3928L10.2443 15.323C10.2112 15.3804 10.1838 15.4396 10.1621 15.4999C9.98586 15.9886 10.179 16.5482 10.6447 16.8171C11.1678 17.1191 11.8368 16.9398 12.1388 16.4167L14.4121 12.4792C15.3988 12.5676 16.3936 12.091 16.9215 11.1767C17.493 10.1869 17.3465 8.97965 16.6438 8.1578L15.406 10.3017C15.1643 10.7202 14.6292 10.8636 14.2107 10.622C13.7922 10.3803 13.6488 9.84522 13.8904 9.42672L15.1282 7.28275C15.0497 7.26815 14.9709 7.25723 14.8921 7.24992Z"
+        fill={KEPPEL_GREEN_FILL || props.fill}
+      />
+      <path
+        d="M11.3737 10.6811C11.2462 10.1702 11.2374 9.62906 11.3596 9.10256L9.64327 7.38395C9.49695 7.2374 9.2595 7.23723 9.11295 7.38358C8.9664 7.52993 8.96625 7.76736 9.11257 7.91391L11.0949 9.89891L9.11257 11.8839C8.96625 12.0305 8.9664 12.2679 9.11295 12.4143C9.2595 12.5606 9.49695 12.5604 9.64327 12.4139L11.3737 10.6811Z"
+        fill={props.fill}
+      />
+      <path
+        d="M7.39254 7.91424C7.53907 7.76787 7.53922 7.53044 7.39283 7.38391C7.24647 7.23738 7.00903 7.23725 6.86251 7.38362L4.60998 9.63364C4.53956 9.70399 4.5 9.79939 4.5 9.89891C4.5 9.99844 4.53957 10.0939 4.60999 10.1643L6.86251 12.4143C7.00903 12.5606 7.24647 12.5604 7.39283 12.414C7.53922 12.2674 7.53907 12.03 7.39254 11.8836L5.40562 9.89891L7.39254 7.91424Z"
+        fill={props.fill}
+      />
+    </svg>
+  );
+};
+
+export default EnvironmentIcon;

packages/svg/src/icons/Environment/index.ts

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

packages/svg/src/icons/Workspace/WorkspaceIcon.tsx

@@ -0,0 +1,29 @@
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH, KEPPEL_GREEN_FILL } from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const WorkspaceIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  ...props
+}: IconProps): JSX.Element => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      height={height}
+      viewBox="0 0 18 19"
+      width={width}
+      fill={props.fill}
+    >
+      <path
+        d="M4.5 18.4999C4.5 18.4999 3.375 18.4999 3.375 17.3749C3.375 16.2499 4.5 12.8749 9 12.8749C13.5 12.8749 14.625 16.2499 14.625 17.3749C14.625 18.4999 13.5 18.4999 13.5 18.4999H4.5ZM9 11.8062C9.74592 11.8062 10.4613 11.5098 10.9887 10.9824C11.5162 10.4549 11.8125 9.73957 11.8125 8.99365C11.8125 8.24773 11.5162 7.53236 10.9887 7.00491C10.4613 6.47747 9.74592 6.18115 9 6.18115C8.25408 6.18115 7.53871 6.47747 7.01126 7.00491C6.48382 7.53236 6.1875 8.24773 6.1875 8.99365C6.1875 9.73957 6.48382 10.4549 7.01126 10.9824C7.53871 11.5098 8.25408 11.8062 9 11.8062Z"
+        fill={props.fill}
+      />
+      <path
+        d="M2.25 1.625C1.65326 1.625 1.08097 1.86205 0.65901 2.28401C0.237053 2.70597 0 3.27826 0 3.875L0 14.5625C0 15.0101 0.17779 15.4393 0.494257 15.7557C0.810725 16.0722 1.23995 16.25 1.6875 16.25H2.42213C2.65735 15.4233 3.0662 14.6562 3.62138 14H1.125V3.875C1.125 3.57663 1.24353 3.29048 1.4545 3.0795C1.66548 2.86853 1.95163 2.75 2.25 2.75H15.75C16.0484 2.75 16.3345 2.86853 16.5455 3.0795C16.7565 3.29048 16.875 3.57663 16.875 3.875V14H14.3786C15.0019 14.7358 15.3799 15.5446 15.5779 16.25H16.3125C16.7601 16.25 17.1893 16.0722 17.5057 15.7557C17.8222 15.4393 18 15.0101 18 14.5625V3.875C18 3.27826 17.7629 2.70597 17.341 2.28401C16.919 1.86205 16.3467 1.625 15.75 1.625H2.25Z"
+        fill={KEPPEL_GREEN_FILL || props.fill}
+      />
+    </svg>
+  );
+};
+
+export default WorkspaceIcon;

packages/svg/src/icons/Workspace/index.ts

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

packages/svg/src/icons/index.ts

@@ -35,6 +35,7 @@ export * from './Shapes';
 export * from './Mesh';
 // export { default as ModifiedApplicationFileIcon } from "./ModifiedApplicationFileIcon";
 // export { default as OriginalApplicationFileIcon } from "./OriginalApplicationFileIcon";
+export * from './Environment';
 export * from './Kubernetes';
 export * from './LeftArrow';
 export * from './PanTool';
@@ -61,3 +62,4 @@ export * from './Undo';
 export * from './Validate';
 export * from './Visibility';
 export * from './Visualizer';
+export * from './Workspace';