From 8876a2100a050cf4ce0f4c078b0d3333a6fedbd3 Mon Sep 17 00:00:00 2001
From: ashwanisingh011 <ashwanisingh9737@gmail.com>
Date: Sat, 28 Feb 2026 22:26:22 +0530
Subject: [PATCH 1/3] feat(icons): add 7 missing material icons for meshery
 migration

Signed-off-by: ashwanisingh011 <ashwanisingh9737@gmail.com>
---
 src/icons/BuildRounded/BuildRoundedIcon.tsx   | 28 +++++++++++++++++++
 src/icons/BuildRounded/index.ts               |  1 +
 src/icons/DirectionsCar/DirectionsCarIcon.tsx | 28 +++++++++++++++++++
 src/icons/DirectionsCar/index.ts              |  1 +
 src/icons/Explore/ExploreIcon.tsx             | 28 +++++++++++++++++++
 src/icons/Explore/index.ts                    |  1 +
 src/icons/FileCopy/FileCopyIcon.tsx           | 28 +++++++++++++++++++
 src/icons/FileCopy/index.ts                   |  1 +
 src/icons/ListAlt/ListAltIcon.tsx             | 28 +++++++++++++++++++
 src/icons/ListAlt/index.ts                    |  1 +
 src/icons/SimCard/SimCardIcon.tsx             | 28 +++++++++++++++++++
 src/icons/SimCard/index.ts                    |  1 +
 .../SupervisedUserCircleIcon.tsx              | 28 +++++++++++++++++++
 src/icons/SupervisedUserCircle/index.ts       |  1 +
 14 files changed, 203 insertions(+)
 create mode 100644 src/icons/BuildRounded/BuildRoundedIcon.tsx
 create mode 100644 src/icons/BuildRounded/index.ts
 create mode 100644 src/icons/DirectionsCar/DirectionsCarIcon.tsx
 create mode 100644 src/icons/DirectionsCar/index.ts
 create mode 100644 src/icons/Explore/ExploreIcon.tsx
 create mode 100644 src/icons/Explore/index.ts
 create mode 100644 src/icons/FileCopy/FileCopyIcon.tsx
 create mode 100644 src/icons/FileCopy/index.ts
 create mode 100644 src/icons/ListAlt/ListAltIcon.tsx
 create mode 100644 src/icons/ListAlt/index.ts
 create mode 100644 src/icons/SimCard/SimCardIcon.tsx
 create mode 100644 src/icons/SimCard/index.ts
 create mode 100644 src/icons/SupervisedUserCircle/SupervisedUserCircleIcon.tsx
 create mode 100644 src/icons/SupervisedUserCircle/index.ts

diff --git a/src/icons/BuildRounded/BuildRoundedIcon.tsx b/src/icons/BuildRounded/BuildRoundedIcon.tsx
new file mode 100644
index 00000000..caa137fb
--- /dev/null
+++ b/src/icons/BuildRounded/BuildRoundedIcon.tsx
@@ -0,0 +1,28 @@
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const BuildRoundedIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = '#455a64',
+  style,
+  ...props
+}: IconProps): JSX.Element => {
+  const _finalFill = style?.fill || fill;
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      width={width}
+      height={height}
+      fill={_finalFill}
+      {...props}
+    >
+      <path d="M0 0h24v24H0V0z" fill="none" />
+      <path d="m22.7 19-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z" />
+    </svg>
+  );
+};
+
+export default BuildRoundedIcon;
\ No newline at end of file
diff --git a/src/icons/BuildRounded/index.ts b/src/icons/BuildRounded/index.ts
new file mode 100644
index 00000000..9cbbe723
--- /dev/null
+++ b/src/icons/BuildRounded/index.ts
@@ -0,0 +1 @@
+export { default as BuildRoundedIcon } from './BuildRoundedIcon';
\ No newline at end of file
diff --git a/src/icons/DirectionsCar/DirectionsCarIcon.tsx b/src/icons/DirectionsCar/DirectionsCarIcon.tsx
new file mode 100644
index 00000000..5e8ff80f
--- /dev/null
+++ b/src/icons/DirectionsCar/DirectionsCarIcon.tsx
@@ -0,0 +1,28 @@
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const BuildRoundedIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = '#455a64',
+  style,
+  ...props
+}: IconProps): JSX.Element => {
+  const _finalFill = style?.fill || fill;
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      width={width}
+      height={height}
+      fill={_finalFill}
+      {...props}
+    >
+     <path d="M0 0h24v24H0z" fill="none" />
+      <path d="M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z" />
+    </svg>
+  );
+};
+
+export default BuildRoundedIcon;
\ No newline at end of file
diff --git a/src/icons/DirectionsCar/index.ts b/src/icons/DirectionsCar/index.ts
new file mode 100644
index 00000000..bdd7882a
--- /dev/null
+++ b/src/icons/DirectionsCar/index.ts
@@ -0,0 +1 @@
+export { default as DirectionsCarIcon } from './DirectionsCarIcon';
\ No newline at end of file
diff --git a/src/icons/Explore/ExploreIcon.tsx b/src/icons/Explore/ExploreIcon.tsx
new file mode 100644
index 00000000..edef6588
--- /dev/null
+++ b/src/icons/Explore/ExploreIcon.tsx
@@ -0,0 +1,28 @@
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const BuildRoundedIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = '#455a64',
+  style,
+  ...props
+}: IconProps): JSX.Element => {
+  const _finalFill = style?.fill || fill;
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      width={width}
+      height={height}
+      fill={_finalFill}
+      {...props}
+    >
+<path d="M0 0h24v24H0z" fill="none" />
+      <path d="M12 10.9c-.61 0-1.1.49-1.1 1.1s.49 1.1 1.1 1.1c.61 0 1.1-.49 1.1-1.1s-.49-1.1-1.1-1.1zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm2.19 12.19L6 18l3.81-8.19L18 6l-3.81 8.19z" />
+    </svg>
+  );
+};
+
+export default BuildRoundedIcon;
\ No newline at end of file
diff --git a/src/icons/Explore/index.ts b/src/icons/Explore/index.ts
new file mode 100644
index 00000000..143bf9eb
--- /dev/null
+++ b/src/icons/Explore/index.ts
@@ -0,0 +1 @@
+export {default as ExploreIcon } from './ExploreIcon';
\ No newline at end of file
diff --git a/src/icons/FileCopy/FileCopyIcon.tsx b/src/icons/FileCopy/FileCopyIcon.tsx
new file mode 100644
index 00000000..fe625b9b
--- /dev/null
+++ b/src/icons/FileCopy/FileCopyIcon.tsx
@@ -0,0 +1,28 @@
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const BuildRoundedIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = '#455a64',
+  style,
+  ...props
+}: IconProps): JSX.Element => {
+  const _finalFill = style?.fill || fill;
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      width={width}
+      height={height}
+      fill={_finalFill}
+      {...props}
+    >
+<path d="M0 0h24v24H0z" fill="none" />
+      <path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z" />
+    </svg>
+  );
+};
+
+export default BuildRoundedIcon;
\ No newline at end of file
diff --git a/src/icons/FileCopy/index.ts b/src/icons/FileCopy/index.ts
new file mode 100644
index 00000000..aa841980
--- /dev/null
+++ b/src/icons/FileCopy/index.ts
@@ -0,0 +1 @@
+export { default as FileCopyIcon } from './FileCopyIcon';
\ No newline at end of file
diff --git a/src/icons/ListAlt/ListAltIcon.tsx b/src/icons/ListAlt/ListAltIcon.tsx
new file mode 100644
index 00000000..09b05c6c
--- /dev/null
+++ b/src/icons/ListAlt/ListAltIcon.tsx
@@ -0,0 +1,28 @@
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const BuildRoundedIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = '#455a64',
+  style,
+  ...props
+}: IconProps): JSX.Element => {
+  const _finalFill = style?.fill || fill;
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      width={width}
+      height={height}
+      fill={_finalFill}
+      {...props}
+    >
+<path d="M0 0h24v24H0z" fill="none" />
+      <path d="M19 5v14H5V5h14m1.1-2H3.9c-.5 0-.9.4-.9.9v16.2c0 .4.4.9.9.9h16.2c.4 0 .9-.5.9-.9V3.9c0-.5-.5-.9-.9-.9zM11 7h6v2h-6V7zm0 4h6v2h-6v-2zm0 4h6v2h-6zM7 7h2v2H7zm0 4h2v2H7zm0 4h2v2H7z" />
+    </svg>
+  );
+};
+
+export default BuildRoundedIcon;
\ No newline at end of file
diff --git a/src/icons/ListAlt/index.ts b/src/icons/ListAlt/index.ts
new file mode 100644
index 00000000..13f197d4
--- /dev/null
+++ b/src/icons/ListAlt/index.ts
@@ -0,0 +1 @@
+export {default as ListAltIcon} from './ListAltIcon';
\ No newline at end of file
diff --git a/src/icons/SimCard/SimCardIcon.tsx b/src/icons/SimCard/SimCardIcon.tsx
new file mode 100644
index 00000000..25321f65
--- /dev/null
+++ b/src/icons/SimCard/SimCardIcon.tsx
@@ -0,0 +1,28 @@
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const BuildRoundedIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = '#455a64',
+  style,
+  ...props
+}: IconProps): JSX.Element => {
+  const _finalFill = style?.fill || fill;
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      width={width}
+      height={height}
+      fill={_finalFill}
+      {...props}
+    >
+    <path d="M0 0h24v24H0z" fill="none" />
+      <path d="M19.99 4c0-1.1-.89-2-1.99-2h-8L4 8v12c0 1.1.9 2 2 2h12.01c1.1 0 1.99-.9 1.99-2l-.01-16zM9 19H7v-2h2v2zm8 0h-2v-2h2v2zm-8-4H7v-4h2v4zm4 4h-2v-4h2v4zm0-6h-2v-2h2v2zm4 2h-2v-4h2v4z" />
+    </svg>
+  );
+};
+
+export default BuildRoundedIcon;
\ No newline at end of file
diff --git a/src/icons/SimCard/index.ts b/src/icons/SimCard/index.ts
new file mode 100644
index 00000000..c05f8b2d
--- /dev/null
+++ b/src/icons/SimCard/index.ts
@@ -0,0 +1 @@
+export {default as SimCardIcon} from './SimCardIcon';
\ No newline at end of file
diff --git a/src/icons/SupervisedUserCircle/SupervisedUserCircleIcon.tsx b/src/icons/SupervisedUserCircle/SupervisedUserCircleIcon.tsx
new file mode 100644
index 00000000..759d7632
--- /dev/null
+++ b/src/icons/SupervisedUserCircle/SupervisedUserCircleIcon.tsx
@@ -0,0 +1,28 @@
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const BuildRoundedIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = '#455a64',
+  style,
+  ...props
+}: IconProps): JSX.Element => {
+  const _finalFill = style?.fill || fill;
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      width={width}
+      height={height}
+      fill={_finalFill}
+      {...props}
+    >
+   <path d="M0 0h24v24H0z" fill="none" />
+      <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM8.5 8c.83 0 1.5.67 1.5 1.5S9.33 11 8.5 11 7 10.33 7 9.5 7.67 8 8.5 8zm4.75 6c-.75 1.5-3.11 1.5-3.88 0-.49-.95.12-2.06 1.16-2.06h1.56c1.04 0 1.65 1.11 1.16 2.06zm1.25-3c-.83 0-1.5-.67-1.5-1.5S13.67 8 14.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z" />
+    </svg>
+  );
+};
+
+export default BuildRoundedIcon;
\ No newline at end of file
diff --git a/src/icons/SupervisedUserCircle/index.ts b/src/icons/SupervisedUserCircle/index.ts
new file mode 100644
index 00000000..1f0584bb
--- /dev/null
+++ b/src/icons/SupervisedUserCircle/index.ts
@@ -0,0 +1 @@
+export { default as SupervisedUserCircleIcon } from './SupervisedUserCircleIcon';
\ No newline at end of file

From 38be1505559515810c0218b6a916453a6d506f7c Mon Sep 17 00:00:00 2001
From: ashwanisingh011 <ashwanisingh9737@gmail.com>
Date: Sat, 28 Feb 2026 23:40:00 +0530
Subject: [PATCH 2/3] fix(icons): export new icons in master registry

Signed-off-by: ashwanisingh011 <ashwanisingh9737@gmail.com>
---
 src/icons/index.ts | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/icons/index.ts b/src/icons/index.ts
index 5f7acc2a..74ad94a6 100644
--- a/src/icons/index.ts
+++ b/src/icons/index.ts
@@ -154,4 +154,11 @@ export * from './View';
 export * from './Visibility';
 export * from './Visualizer';
 export * from './Warning';
-export * from './Workspace';
\ No newline at end of file
+export * from './Workspace';
+export * from './BuildRounded';
+export * from './DirectionsCar';
+export * from './Explore';
+export * from './FileCopy';
+export * from './ListAlt';
+export * from './SimCard';
+export * from './SupervisedUserCircle';
\ No newline at end of file

From 23523494d747ffbdf6fad2a1a6b07b942a825b3f Mon Sep 17 00:00:00 2001
From: ashwanisingh011 <ashwanisingh9737@gmail.com>
Date: Mon, 2 Mar 2026 21:55:38 +0530
Subject: [PATCH 3/3] fix: refactor icons to use Sistent constants and remove
 redundant svg paths

Signed-off-by: ashwanisingh011 <ashwanisingh9737@gmail.com>
---
 src/icons/BuildRounded/BuildRoundedIcon.tsx       | 11 ++++-------
 src/icons/DirectionsCar/DirectionsCarIcon.tsx     | 15 ++++++---------
 src/icons/Explore/ExploreIcon.tsx                 | 14 ++++++--------
 src/icons/FileCopy/FileCopyIcon.tsx               | 15 ++++++---------
 src/icons/ListAlt/ListAltIcon.tsx                 | 15 ++++++---------
 src/icons/SimCard/SimCardIcon.tsx                 | 15 ++++++---------
 .../SupervisedUserCircleIcon.tsx                  | 15 ++++++---------
 7 files changed, 40 insertions(+), 60 deletions(-)

diff --git a/src/icons/BuildRounded/BuildRoundedIcon.tsx b/src/icons/BuildRounded/BuildRoundedIcon.tsx
index caa137fb..11a0c5ae 100644
--- a/src/icons/BuildRounded/BuildRoundedIcon.tsx
+++ b/src/icons/BuildRounded/BuildRoundedIcon.tsx
@@ -1,14 +1,12 @@
-import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
+import { DEFAULT_FILL_NONE, DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
 import { IconProps } from '../types';
 
 export const BuildRoundedIcon = ({
   width = DEFAULT_WIDTH,
   height = DEFAULT_HEIGHT,
-  fill = '#455a64',
-  style,
+  fill = DEFAULT_FILL_NONE,
   ...props
 }: IconProps): JSX.Element => {
-  const _finalFill = style?.fill || fill;
 
   return (
     <svg
@@ -16,11 +14,10 @@ export const BuildRoundedIcon = ({
       viewBox="0 0 24 24"
       width={width}
       height={height}
-      fill={_finalFill}
+      data-testid="build-rounded-icon-svg"
       {...props}
     >
-      <path d="M0 0h24v24H0V0z" fill="none" />
-      <path d="m22.7 19-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z" />
+      <path d="m22.7 19-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z" fill={fill}/>
     </svg>
   );
 };
diff --git a/src/icons/DirectionsCar/DirectionsCarIcon.tsx b/src/icons/DirectionsCar/DirectionsCarIcon.tsx
index 5e8ff80f..83776363 100644
--- a/src/icons/DirectionsCar/DirectionsCarIcon.tsx
+++ b/src/icons/DirectionsCar/DirectionsCarIcon.tsx
@@ -1,14 +1,12 @@
-import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH, DEFAULT_FILL_NONE } from '../../constants/constants';
 import { IconProps } from '../types';
 
-export const BuildRoundedIcon = ({
+export const DirectionsCarIcon = ({
   width = DEFAULT_WIDTH,
   height = DEFAULT_HEIGHT,
-  fill = '#455a64',
-  style,
+  fill = DEFAULT_FILL_NONE,
   ...props
 }: IconProps): JSX.Element => {
-  const _finalFill = style?.fill || fill;
 
   return (
     <svg
@@ -16,13 +14,12 @@ export const BuildRoundedIcon = ({
       viewBox="0 0 24 24"
       width={width}
       height={height}
-      fill={_finalFill}
+      data-testid="directions-car-icon-svg"
       {...props}
     >
-     <path d="M0 0h24v24H0z" fill="none" />
-      <path d="M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z" />
+      <path d="M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z" fill={fill} />
     </svg>
   );
 };
 
-export default BuildRoundedIcon;
\ No newline at end of file
+export default DirectionsCarIcon;
\ No newline at end of file
diff --git a/src/icons/Explore/ExploreIcon.tsx b/src/icons/Explore/ExploreIcon.tsx
index edef6588..f1ff66b5 100644
--- a/src/icons/Explore/ExploreIcon.tsx
+++ b/src/icons/Explore/ExploreIcon.tsx
@@ -1,14 +1,12 @@
-import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH, DEFAULT_FILL_NONE } from '../../constants/constants';
 import { IconProps } from '../types';
 
-export const BuildRoundedIcon = ({
+export const ExploreIcon = ({
   width = DEFAULT_WIDTH,
   height = DEFAULT_HEIGHT,
-  fill = '#455a64',
-  style,
+  fill = DEFAULT_FILL_NONE,
   ...props
 }: IconProps): JSX.Element => {
-  const _finalFill = style?.fill || fill;
 
   return (
     <svg
@@ -16,13 +14,13 @@ export const BuildRoundedIcon = ({
       viewBox="0 0 24 24"
       width={width}
       height={height}
-      fill={_finalFill}
+      data-testid="explore-icon-svg"
       {...props}
     >
 <path d="M0 0h24v24H0z" fill="none" />
-      <path d="M12 10.9c-.61 0-1.1.49-1.1 1.1s.49 1.1 1.1 1.1c.61 0 1.1-.49 1.1-1.1s-.49-1.1-1.1-1.1zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm2.19 12.19L6 18l3.81-8.19L18 6l-3.81 8.19z" />
+      <path d="M12 10.9c-.61 0-1.1.49-1.1 1.1s.49 1.1 1.1 1.1c.61 0 1.1-.49 1.1-1.1s-.49-1.1-1.1-1.1zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm2.19 12.19L6 18l3.81-8.19L18 6l-3.81 8.19z" fill={fill} />
     </svg>
   );
 };
 
-export default BuildRoundedIcon;
\ No newline at end of file
+export default ExploreIcon;
\ No newline at end of file
diff --git a/src/icons/FileCopy/FileCopyIcon.tsx b/src/icons/FileCopy/FileCopyIcon.tsx
index fe625b9b..351326fd 100644
--- a/src/icons/FileCopy/FileCopyIcon.tsx
+++ b/src/icons/FileCopy/FileCopyIcon.tsx
@@ -1,14 +1,12 @@
-import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH, DEFAULT_FILL } from '../../constants/constants';
 import { IconProps } from '../types';
 
-export const BuildRoundedIcon = ({
+export const FileCopyIcon = ({
   width = DEFAULT_WIDTH,
   height = DEFAULT_HEIGHT,
-  fill = '#455a64',
-  style,
+  fill = DEFAULT_FILL,
   ...props
 }: IconProps): JSX.Element => {
-  const _finalFill = style?.fill || fill;
 
   return (
     <svg
@@ -16,13 +14,12 @@ export const BuildRoundedIcon = ({
       viewBox="0 0 24 24"
       width={width}
       height={height}
-      fill={_finalFill}
+      data-testid="file-copy-icon-svg"
       {...props}
     >
-<path d="M0 0h24v24H0z" fill="none" />
-      <path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z" />
+      <path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z" fill={fill} />
     </svg>
   );
 };
 
-export default BuildRoundedIcon;
\ No newline at end of file
+export default FileCopyIcon;
\ No newline at end of file
diff --git a/src/icons/ListAlt/ListAltIcon.tsx b/src/icons/ListAlt/ListAltIcon.tsx
index 09b05c6c..6db21406 100644
--- a/src/icons/ListAlt/ListAltIcon.tsx
+++ b/src/icons/ListAlt/ListAltIcon.tsx
@@ -1,14 +1,12 @@
-import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH, DEFAULT_FILL } from '../../constants/constants';
 import { IconProps } from '../types';
 
-export const BuildRoundedIcon = ({
+export const ListAltIcon = ({
   width = DEFAULT_WIDTH,
   height = DEFAULT_HEIGHT,
-  fill = '#455a64',
-  style,
+  fill = DEFAULT_FILL,
   ...props
 }: IconProps): JSX.Element => {
-  const _finalFill = style?.fill || fill;
 
   return (
     <svg
@@ -16,13 +14,12 @@ export const BuildRoundedIcon = ({
       viewBox="0 0 24 24"
       width={width}
       height={height}
-      fill={_finalFill}
+      data-testid="list-alt-icon-svg"
       {...props}
     >
-<path d="M0 0h24v24H0z" fill="none" />
-      <path d="M19 5v14H5V5h14m1.1-2H3.9c-.5 0-.9.4-.9.9v16.2c0 .4.4.9.9.9h16.2c.4 0 .9-.5.9-.9V3.9c0-.5-.5-.9-.9-.9zM11 7h6v2h-6V7zm0 4h6v2h-6v-2zm0 4h6v2h-6zM7 7h2v2H7zm0 4h2v2H7zm0 4h2v2H7z" />
+      <path d="M19 5v14H5V5h14m1.1-2H3.9c-.5 0-.9.4-.9.9v16.2c0 .4.4.9.9.9h16.2c.4 0 .9-.5.9-.9V3.9c0-.5-.5-.9-.9-.9zM11 7h6v2h-6V7zm0 4h6v2h-6v-2zm0 4h6v2h-6zM7 7h2v2H7zm0 4h2v2H7zm0 4h2v2H7z" fill={fill} />
     </svg>
   );
 };
 
-export default BuildRoundedIcon;
\ No newline at end of file
+export default ListAltIcon;
\ No newline at end of file
diff --git a/src/icons/SimCard/SimCardIcon.tsx b/src/icons/SimCard/SimCardIcon.tsx
index 25321f65..7229c95e 100644
--- a/src/icons/SimCard/SimCardIcon.tsx
+++ b/src/icons/SimCard/SimCardIcon.tsx
@@ -1,14 +1,12 @@
-import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH, DEFAULT_FILL } from '../../constants/constants';
 import { IconProps } from '../types';
 
-export const BuildRoundedIcon = ({
+export const SimCardIcon = ({
   width = DEFAULT_WIDTH,
   height = DEFAULT_HEIGHT,
-  fill = '#455a64',
-  style,
+  fill = DEFAULT_FILL,
   ...props
 }: IconProps): JSX.Element => {
-  const _finalFill = style?.fill || fill;
 
   return (
     <svg
@@ -16,13 +14,12 @@ export const BuildRoundedIcon = ({
       viewBox="0 0 24 24"
       width={width}
       height={height}
-      fill={_finalFill}
+      data-testid="sim-card-icon-svg"
       {...props}
     >
-    <path d="M0 0h24v24H0z" fill="none" />
-      <path d="M19.99 4c0-1.1-.89-2-1.99-2h-8L4 8v12c0 1.1.9 2 2 2h12.01c1.1 0 1.99-.9 1.99-2l-.01-16zM9 19H7v-2h2v2zm8 0h-2v-2h2v2zm-8-4H7v-4h2v4zm4 4h-2v-4h2v4zm0-6h-2v-2h2v2zm4 2h-2v-4h2v4z" />
+      <path d="M19.99 4c0-1.1-.89-2-1.99-2h-8L4 8v12c0 1.1.9 2 2 2h12.01c1.1 0 1.99-.9 1.99-2l-.01-16zM9 19H7v-2h2v2zm8 0h-2v-2h2v2zm-8-4H7v-4h2v4zm4 4h-2v-4h2v4zm0-6h-2v-2h2v2zm4 2h-2v-4h2v4z" fill={fill}/>
     </svg>
   );
 };
 
-export default BuildRoundedIcon;
\ No newline at end of file
+export default SimCardIcon;
\ No newline at end of file
diff --git a/src/icons/SupervisedUserCircle/SupervisedUserCircleIcon.tsx b/src/icons/SupervisedUserCircle/SupervisedUserCircleIcon.tsx
index 759d7632..bc87d687 100644
--- a/src/icons/SupervisedUserCircle/SupervisedUserCircleIcon.tsx
+++ b/src/icons/SupervisedUserCircle/SupervisedUserCircleIcon.tsx
@@ -1,14 +1,12 @@
-import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH, DEFAULT_FILL } from '../../constants/constants';
 import { IconProps } from '../types';
 
-export const BuildRoundedIcon = ({
+export const SupervisedUserCircleIcon = ({
   width = DEFAULT_WIDTH,
   height = DEFAULT_HEIGHT,
-  fill = '#455a64',
-  style,
+  fill = DEFAULT_FILL,
   ...props
 }: IconProps): JSX.Element => {
-  const _finalFill = style?.fill || fill;
 
   return (
     <svg
@@ -16,13 +14,12 @@ export const BuildRoundedIcon = ({
       viewBox="0 0 24 24"
       width={width}
       height={height}
-      fill={_finalFill}
+      data-testid="supervised-user-circle-icon-svg"
       {...props}
     >
-   <path d="M0 0h24v24H0z" fill="none" />
-      <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM8.5 8c.83 0 1.5.67 1.5 1.5S9.33 11 8.5 11 7 10.33 7 9.5 7.67 8 8.5 8zm4.75 6c-.75 1.5-3.11 1.5-3.88 0-.49-.95.12-2.06 1.16-2.06h1.56c1.04 0 1.65 1.11 1.16 2.06zm1.25-3c-.83 0-1.5-.67-1.5-1.5S13.67 8 14.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z" />
+      <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM8.5 8c.83 0 1.5.67 1.5 1.5S9.33 11 8.5 11 7 10.33 7 9.5 7.67 8 8.5 8zm4.75 6c-.75 1.5-3.11 1.5-3.88 0-.49-.95.12-2.06 1.16-2.06h1.56c1.04 0 1.65 1.11 1.16 2.06zm1.25-3c-.83 0-1.5-.67-1.5-1.5S13.67 8 14.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z" fill={fill} />
     </svg>
   );
 };
 
-export default BuildRoundedIcon;
\ No newline at end of file
+export default SupervisedUserCircleIcon;
\ No newline at end of file