diff --git a/packages/primitives/src/icons/arrow-down-16.svg b/packages/primitives/src/icons/arrow-down-16.svg
new file mode 100644
index 00000000..3143b6b6
--- /dev/null
+++ b/packages/primitives/src/icons/arrow-down-16.svg
@@ -0,0 +1,22 @@
+<!--
+ * Copyright (c) 2024, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+-->
+
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M3.5 10.5L8 15L12.5 10.5" stroke="black" stroke-linecap="round"/>
+  <path d="M8 15L8 1" stroke="black" stroke-linecap="round"/>
+</svg>
diff --git a/packages/primitives/src/icons/arrow-left-16.svg b/packages/primitives/src/icons/arrow-left-16.svg
new file mode 100644
index 00000000..bc0ac370
--- /dev/null
+++ b/packages/primitives/src/icons/arrow-left-16.svg
@@ -0,0 +1,22 @@
+<!--
+ * Copyright (c) 2024, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+-->
+
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M5.5 3.5L1 8L5.5 12.5" stroke="black" stroke-linecap="round"/>
+  <path d="M1 8L15 8" stroke="black" stroke-linecap="round"/>
+</svg>
diff --git a/packages/primitives/src/icons/arrow-right-16.svg b/packages/primitives/src/icons/arrow-right-16.svg
new file mode 100644
index 00000000..b5897e9a
--- /dev/null
+++ b/packages/primitives/src/icons/arrow-right-16.svg
@@ -0,0 +1,22 @@
+<!--
+ * Copyright (c) 2024, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+-->
+
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M10.5 12.5L15 8L10.5 3.5" stroke="black" stroke-linecap="round"/>
+  <path d="M15 8H1" stroke="black" stroke-linecap="round"/>
+</svg>
diff --git a/packages/primitives/src/icons/arrow-up-16.svg b/packages/primitives/src/icons/arrow-up-16.svg
new file mode 100644
index 00000000..0b26eeb7
--- /dev/null
+++ b/packages/primitives/src/icons/arrow-up-16.svg
@@ -0,0 +1,22 @@
+<!--
+ * Copyright (c) 2024, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+-->
+
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M12.5 5.5L8 1L3.5 5.5" stroke="black" stroke-linecap="round"/>
+  <path d="M8 1L8 15" stroke="black" stroke-linecap="round"/>
+</svg>
diff --git a/packages/primitives/src/icons/copy-16.svg b/packages/primitives/src/icons/copy-16.svg
index fbf6c372..cf927a48 100644
--- a/packages/primitives/src/icons/copy-16.svg
+++ b/packages/primitives/src/icons/copy-16.svg
@@ -17,5 +17,7 @@
 -->
 
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 0C3.11929 0 2 1.11929 2 2.5V3.05001C0.85888 3.28164 0 4.29052 0 5.5V13.5C0 14.8807 1.11929 16 2.5 16H10.5C11.7095 16 12.7184 15.1411 12.95 14H13.5C14.8807 14 16 12.8807 16 11.5V2.5C16 1.11929 14.8807 0 13.5 0H4.5ZM12 13.5V13V5.5C12 4.67157 11.3284 4 10.5 4H3H2.5C1.67157 4 1 4.67157 1 5.5V13.5C1 14.3284 1.67157 15 2.5 15H10.5C11.3284 15 12 14.3284 12 13.5ZM3 3H10.5C11.8807 3 13 4.11929 13 5.5V13H13.5C14.3284 13 15 12.3284 15 11.5V2.5C15 1.67157 14.3284 1 13.5 1H4.5C3.67157 1 3 1.67157 3 2.5V3Z" fill="black"/>
+  <path d="M4 12.5L2.5 12.5C1.94772 12.5 1.5 12.0523 1.5 11.5L1.5 1.5C1.5 0.947714 1.94772 0.499999 2.5 0.499999L10 0.499999C10.5523 0.499999 11 0.947714 11 1.5L11 2.5" stroke="black" stroke-linecap="round"/>
+  <path d="M14.5 11.5858C14.5 11.851 14.3946 12.1054 14.2071 12.2929L11.2929 15.2071C11.1054 15.3946 10.851 15.5 10.5858 15.5L7 15.5C6.44772 15.5 6 15.0523 6 14.5L6 5.5C6 4.94771 6.44772 4.5 7 4.5L13.5 4.5C14.0523 4.5 14.5 4.94771 14.5 5.5L14.5 11.5858Z" stroke="black"/>
+  <path d="M11 15V12.2C11 12.0895 11.0895 12 11.2 12H14" stroke="black" stroke-linecap="round"/>
 </svg>
diff --git a/packages/primitives/src/icons/eye-16.svg b/packages/primitives/src/icons/eye-16.svg
index 4b7fae9d..f0cc7f27 100644
--- a/packages/primitives/src/icons/eye-16.svg
+++ b/packages/primitives/src/icons/eye-16.svg
@@ -17,10 +17,7 @@
 -->
 
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.99969 2C5.38552 2 2.88413 3.04002 0.456376 7.21515L0 8L0.456376 8.78485L0.677111 9.15847C3.03624 13.0871 5.46521 14 7.99969 14C10.6138 14 13.1152 12.96 15.543 8.78485L16 7.99892L15.3234 6.84341C12.9631 2.91293 10.5342 2 7.99969 2ZM8.21026 3.09654C10.3162 3.20912 12.4309 3.92049 14.5603 7.46652L14.8724 8.00109L14.7751 8.16996C12.503 12.0775 10.2462 12.9091 7.99969 12.9091C5.82409 12.9091 3.63943 12.1977 1.43904 8.53348L1.12513 7.99891L1.22426 7.83004C3.49642 3.9225 5.75314 3.09091 7.99969 3.09091L8.21026 3.09654ZM8 5C9.65685 5 11 6.34315 11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5ZM8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6Z" fill="#40404B"/>
-        <mask id="mask0_421_1547" maskUnits="userSpaceOnUse" x="0" y="2" width="16" height="12">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.99969 2C5.38552 2 2.88413 3.04002 0.456376 7.21515L0 8L0.456376 8.78485L0.677111 9.15847C3.03624 13.0871 5.46521 14 7.99969 14C10.6138 14 13.1152 12.96 15.543 8.78485L16 7.99892L15.3234 6.84341C12.9631 2.91293 10.5342 2 7.99969 2ZM8.21026 3.09654C10.3162 3.20912 12.4309 3.92049 14.5603 7.46652L14.8724 8.00109L14.7751 8.16996C12.503 12.0775 10.2462 12.9091 7.99969 12.9091C5.82409 12.9091 3.63943 12.1977 1.43904 8.53348L1.12513 7.99891L1.22426 7.83004C3.49642 3.9225 5.75314 3.09091 7.99969 3.09091L8.21026 3.09654ZM8 5C9.65685 5 11 6.34315 11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5ZM8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6Z" fill="white"/>
-        </mask>
-    <g mask="url(#mask0_421_1547)">
-    </g>
+  <path d="M1.02195 8.55061C0.84797 8.32901 0.708774 8.14057 0.608079 8C0.708774 7.85943 0.84797 7.67099 1.02195 7.44939C1.41614 6.94731 1.98568 6.27909 2.68748 5.61254C4.11016 4.26131 5.98916 3 8 3C10.0108 3 11.8898 4.26131 13.3125 5.61254C14.0143 6.27909 14.5839 6.94731 14.978 7.44939C15.152 7.67099 15.2912 7.85943 15.3919 8C15.2912 8.14057 15.152 8.32901 14.978 8.55061C14.5839 9.05269 14.0143 9.72091 13.3125 10.3875C11.8898 11.7387 10.0108 13 8 13C5.98916 13 4.11016 11.7387 2.68748 10.3875C1.98568 9.72091 1.41614 9.05269 1.02195 8.55061Z" stroke="black"/>
+  <path d="M10.5 8C10.5 6.61929 9.38071 5.5 8 5.5C6.61929 5.5 5.5 6.61929 5.5 8C5.5 9.38071 6.61929 10.5 8 10.5" stroke="black" stroke-linecap="round"/>
 </svg>
+
diff --git a/packages/primitives/src/icons/eye-slash-16.svg b/packages/primitives/src/icons/eye-slash-16.svg
index 96cf5649..d64d1671 100644
--- a/packages/primitives/src/icons/eye-slash-16.svg
+++ b/packages/primitives/src/icons/eye-slash-16.svg
@@ -17,5 +17,7 @@
 -->
 
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.14645 1.14645C1.32001 0.97288 1.58944 0.953595 1.78431 1.08859L1.85355 1.14645L3.91036 3.20325L4.67167 3.96457L6.26173 5.55463L6.98402 6.27691L9.72309 9.01598L10.4454 9.73827L12.1536 11.4465L12.8849 12.1778L14.8536 14.1464C15.0488 14.3417 15.0488 14.6583 14.8536 14.8536C14.68 15.0271 14.4106 15.0464 14.2157 14.9114L14.1464 14.8536L12.0894 12.7965L12.0894 12.7965C11.7922 12.9986 11.4938 13.1704 11.1939 13.3153L11.194 13.3153C10.1467 13.8214 9.08288 14 7.99969 14C6.09654 14 4.25288 13.4852 2.45361 11.5654C1.85674 10.9285 1.26476 10.1371 0.677111 9.15847C0.67711 9.15847 0.677113 9.15846 0.677111 9.15846L0.456376 8.78485V8.78484L0 8V7.99999L0.456376 7.21515V7.21514C1.33232 5.70874 2.21785 4.61046 3.1148 3.82191L1.14645 1.85355C0.951184 1.65829 0.951184 1.34171 1.14645 1.14645ZM3.84608 4.55319C3.60264 4.75444 3.35904 4.9813 3.11528 5.2366L3.11529 5.23661C2.48606 5.89561 1.85576 6.74402 1.22426 7.83004L1.12513 7.9989V7.99891L1.43904 8.53346C1.53581 8.69463 1.63256 8.85008 1.72928 9.00001C2.18232 9.70229 2.6347 10.2834 3.08649 10.763C4.73119 12.5089 6.36799 12.9091 7.99969 12.9091C9.10647 12.9091 10.2157 12.7072 11.3281 12.0352L9.73827 10.4454L9.73826 10.4454C9.45126 10.6497 9.12675 10.8049 8.77706 10.8984L8.77706 10.8984C8.52922 10.9647 8.26874 11 8 11C7.09699 11 6.28716 10.601 5.73718 9.96974C5.27804 9.44274 5 8.75384 5 7.99999C5 7.73126 5.03534 7.47078 5.10161 7.22294C5.19513 6.87325 5.35024 6.54873 5.55462 6.26173L3.84609 4.5532L3.84608 4.55319ZM6.27691 6.98401C6.10096 7.28177 6 7.62909 6 7.99999C6 8.04203 6.0013 8.08377 6.00385 8.12517C6.01161 8.25078 6.03096 8.37325 6.06085 8.49153C6.27991 9.35843 7.06504 9.99999 8 9.99999C8.3709 9.99999 8.71822 9.89903 9.01598 9.72308L6.27691 6.98402L6.27691 6.98401ZM13.6002 11.4788L12.8844 10.7631C13.5135 10.1041 14.1437 9.2558 14.7751 8.16996L14.8724 8.00109L14.5603 7.46652C12.4309 3.92049 10.3162 3.20912 8.21026 3.09654L7.99969 3.09091C7.20792 3.09091 6.41489 3.1942 5.62036 3.49904L4.80584 2.68452C5.85296 2.17851 6.91664 2 7.99969 2C10.5342 2 12.9631 2.91293 15.3234 6.84341L16 7.99892L15.543 8.78485C14.9008 9.8893 14.2534 10.7744 13.6002 11.4788ZM7.22294 5.10161C7.47078 5.03534 7.73126 5 8 5C9.65685 5 11 6.34315 11 8C11 8.26874 10.9647 8.52922 10.8984 8.77706L7.22294 5.10161Z" fill="#40404B"/>
+  <path d="M2.5 13.5L13.5 2.5" stroke="black" stroke-linecap="round"/>
+  <path d="M1.02195 8.55061C0.84797 8.32901 0.708774 8.14057 0.608079 8C0.708774 7.85943 0.84797 7.67099 1.02195 7.44939C1.41614 6.94731 1.98568 6.27909 2.68748 5.61254C4.11016 4.26131 5.98916 3 8 3C10.0108 3 11.8898 4.26131 13.3125 5.61254C14.0143 6.27909 14.5839 6.94731 14.978 7.44939C15.152 7.67099 15.2912 7.85943 15.3919 8C15.2912 8.14057 15.152 8.32901 14.978 8.55061C14.5839 9.05269 14.0143 9.72091 13.3125 10.3875C11.8898 11.7387 10.0108 13 8 13C5.98916 13 4.11016 11.7387 2.68748 10.3875C1.98568 9.72091 1.41614 9.05269 1.02195 8.55061Z" stroke="black"/>
+  <path d="M8 10.5C7.34959 10.5 6.75719 10.2516 6.31248 9.84455C5.81314 9.38747 5.5 8.7303 5.5 8C5.5 6.61929 6.61929 5.5 8 5.5C8.65799 5.5 9.25661 5.7542 9.70301 6.16975" stroke="black" stroke-linecap="round"/>
 </svg>
diff --git a/packages/primitives/src/icons/plus-16.svg b/packages/primitives/src/icons/plus-16.svg
index df06816b..d01bea8f 100644
--- a/packages/primitives/src/icons/plus-16.svg
+++ b/packages/primitives/src/icons/plus-16.svg
@@ -17,5 +17,5 @@
 -->
 
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 3.5C8.5 3.22386 8.27614 3 8 3C7.72386 3 7.5 3.22386 7.5 3.5V7.5H3.5C3.22386 7.5 3 7.72386 3 8C3 8.27614 3.22386 8.5 3.5 8.5H7.5V12.5C7.5 12.7761 7.72386 13 8 13C8.27614 13 8.5 12.7761 8.5 12.5V8.5H12.5C12.7761 8.5 13 8.27614 13 8C13 7.72386 12.7761 7.5 12.5 7.5H8.5V3.5Z" fill="black"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 3.5C8.5 3.22386 8.27614 3 8 3C7.72386 3 7.5 3.22386 7.5 3.5V7.5H3.5C3.22386 7.5 3 7.72386 3 8C3 8.27614 3.22386 8.5 3.5 8.5H7.5V12.5C7.5 12.7761 7.72386 13 8 13C8.27614 13 8.5 12.7761 8.5 12.5V8.5H12.5C12.7761 8.5 13 8.27614 13 8C13 7.72386 12.7761 7.5 12.5 7.5H8.5V3.5Z" fill="black"/>
 </svg>
diff --git a/packages/react/src/components/SignIn/__tests__/__snapshots__/SignIn.test.tsx.snap b/packages/react/src/components/SignIn/__tests__/__snapshots__/SignIn.test.tsx.snap
index 6243ef8a..2bbcd6b9 100644
--- a/packages/react/src/components/SignIn/__tests__/__snapshots__/SignIn.test.tsx.snap
+++ b/packages/react/src/components/SignIn/__tests__/__snapshots__/SignIn.test.tsx.snap
@@ -113,28 +113,15 @@ exports[`SignIn should match the snapshot 1`] = `
                       width="16"
                     >
                       <path
-                        clip-rule="evenodd"
-                        d="M7.99969 2C5.38552 2 2.88413 3.04002 0.456376 7.21515L0 8L0.456376 8.78485L0.677111 9.15847C3.03624 13.0871 5.46521 14 7.99969 14C10.6138 14 13.1152 12.96 15.543 8.78485L16 7.99892L15.3234 6.84341C12.9631 2.91293 10.5342 2 7.99969 2ZM8.21026 3.09654C10.3162 3.20912 12.4309 3.92049 14.5603 7.46652L14.8724 8.00109L14.7751 8.16996C12.503 12.0775 10.2462 12.9091 7.99969 12.9091C5.82409 12.9091 3.63943 12.1977 1.43904 8.53348L1.12513 7.99891L1.22426 7.83004C3.49642 3.9225 5.75314 3.09091 7.99969 3.09091L8.21026 3.09654ZM8 5C9.65685 5 11 6.34315 11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5ZM8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6Z"
+                        d="M1.02195 8.55061C0.84797 8.32901 0.708774 8.14057 0.608079 8C0.708774 7.85943 0.84797 7.67099 1.02195 7.44939C1.41614 6.94731 1.98568 6.27909 2.68748 5.61254C4.11016 4.26131 5.98916 3 8 3C10.0108 3 11.8898 4.26131 13.3125 5.61254C14.0143 6.27909 14.5839 6.94731 14.978 7.44939C15.152 7.67099 15.2912 7.85943 15.3919 8C15.2912 8.14057 15.152 8.32901 14.978 8.55061C14.5839 9.05269 14.0143 9.72091 13.3125 10.3875C11.8898 11.7387 10.0108 13 8 13C5.98916 13 4.11016 11.7387 2.68748 10.3875C1.98568 9.72091 1.41614 9.05269 1.02195 8.55061Z"
                         fill=""
-                        fill-rule="evenodd"
+                        stroke="black"
                       />
-                      <mask
-                        height="12"
-                        id="mask0_421_1547"
-                        maskUnits="userSpaceOnUse"
-                        width="16"
-                        x="0"
-                        y="2"
-                      >
-                        <path
-                          clip-rule="evenodd"
-                          d="M7.99969 2C5.38552 2 2.88413 3.04002 0.456376 7.21515L0 8L0.456376 8.78485L0.677111 9.15847C3.03624 13.0871 5.46521 14 7.99969 14C10.6138 14 13.1152 12.96 15.543 8.78485L16 7.99892L15.3234 6.84341C12.9631 2.91293 10.5342 2 7.99969 2ZM8.21026 3.09654C10.3162 3.20912 12.4309 3.92049 14.5603 7.46652L14.8724 8.00109L14.7751 8.16996C12.503 12.0775 10.2462 12.9091 7.99969 12.9091C5.82409 12.9091 3.63943 12.1977 1.43904 8.53348L1.12513 7.99891L1.22426 7.83004C3.49642 3.9225 5.75314 3.09091 7.99969 3.09091L8.21026 3.09654ZM8 5C9.65685 5 11 6.34315 11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5ZM8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6Z"
-                          fill=""
-                          fill-rule="evenodd"
-                        />
-                      </mask>
-                      <g
-                        mask="url(#mask0_421_1547)"
+                      <path
+                        d="M10.5 8C10.5 6.61929 9.38071 5.5 8 5.5C6.61929 5.5 5.5 6.61929 5.5 8C5.5 9.38071 6.61929 10.5 8 10.5"
+                        fill=""
+                        stroke="black"
+                        stroke-linecap="round"
                       />
                     </svg>
                     <span