@magmamath/students-features 1.1.3 → 1.2.0

package/src/shared/icons/keyboard/OrderedPairIcon.tsx

@@ -0,0 +1,30 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path, Rect } from 'react-native-svg'
+
+const ASPECT_RATIO = 37 / 20
+
+export const OrderedPairIcon = ({ size = 20, color, extraColor }: IconProps) => {
+  return (
+    <Svg width={size * ASPECT_RATIO} height={size} viewBox="0 0 37 20" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.90533 3.21967C4.19823 3.51256 4.19823 3.98744 3.90533 4.28033C0.67361 7.51206 0.736927 13.001 3.8631 15.6806C4.17759 15.9501 4.21401 16.4236 3.94445 16.7381C3.67488 17.0526 3.20141 17.089 2.88691 16.8194C-0.986916 13.499 -0.923598 6.98794 2.84467 3.21967C3.13757 2.92678 3.61244 2.92678 3.90533 3.21967Z"
+        fill={color}
+      />
+      <Rect x="5.625" y="5.37988" width="9.24" height="9.24" rx="1.548" stroke={extraColor} />
+      <Path
+        d="M16.7652 11.5199C16.7652 12.4036 17.4816 13.1199 18.3652 13.1199C18.3652 14.1199 16.3652 14.2455 16.3652 14.6199C16.3652 14.9943 16.6986 15.1199 16.8652 15.1199C18.606 15.1199 19.9652 13.3726 19.9652 11.5199C19.9652 10.6363 19.2489 9.91992 18.3652 9.91992C17.4816 9.91992 16.7652 10.6363 16.7652 11.5199Z"
+        fill={color}
+      />
+      <Rect x="21.4648" y="5.37988" width="9.24" height="9.24" rx="1.548" stroke={extraColor} />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M32.4247 3.21967C32.1319 3.51256 32.1319 3.98744 32.4247 4.28033C35.6565 7.51206 35.5932 13.001 32.467 15.6806C32.1525 15.9501 32.1161 16.4236 32.3856 16.7381C32.6552 17.0526 33.1287 17.089 33.4432 16.8194C37.317 13.499 37.2537 6.98794 33.4854 3.21967C33.1925 2.92678 32.7176 2.92678 32.4247 3.21967Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/ParallelIcon.tsx

@@ -0,0 +1,22 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const ParallelIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.45002 15.1998C6.0082 15.1998 5.65002 14.8416 5.65002 14.3998V1.5998C5.65002 1.15798 6.0082 0.799805 6.45002 0.799805C6.89185 0.799805 7.25002 1.15798 7.25002 1.5998V14.3998C7.25002 14.8416 6.89185 15.1998 6.45002 15.1998Z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.55002 15.1998C9.1082 15.1998 8.75002 14.8416 8.75002 14.3998V1.5998C8.75002 1.15798 9.1082 0.799805 9.55002 0.799805C9.99185 0.799805 10.35 1.15798 10.35 1.5998V14.3998C10.35 14.8416 9.99185 15.1998 9.55002 15.1998Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/ParenthesesIcon.tsx

@@ -0,0 +1,22 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const ParenthesesIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.78033 1.21967C6.07323 1.51256 6.07323 1.98744 5.78033 2.28033C2.54861 5.51206 2.61193 11.001 5.7381 13.6806C6.05259 13.9501 6.08901 14.4236 5.81945 14.7381C5.54988 15.0526 5.07641 15.089 4.76191 14.8194C0.888084 11.499 0.951402 4.98794 4.71967 1.21967C5.01257 0.926777 5.48744 0.926777 5.78033 1.21967Z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.2197 1.21967C9.92677 1.51256 9.92677 1.98744 10.2197 2.28033C13.4514 5.51206 13.3881 11.001 10.2619 13.6806C9.94741 13.9501 9.91099 14.4236 10.1806 14.7381C10.4501 15.0526 10.9236 15.089 11.2381 14.8194C15.1119 11.499 15.0486 4.98794 11.2803 1.21967C10.9874 0.926777 10.5126 0.926777 10.2197 1.21967Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/PerMilleIcon.tsx

@@ -0,0 +1,36 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+const ASPECT_RATIO = 22 / 18
+
+export const PerMilleIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size * ASPECT_RATIO} height={size} viewBox="0 0 22 18" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.24142 2.75094C6.63935 3.59354 7.11832 5.4597 6.31122 6.91913C5.50413 8.37855 3.7166 8.87859 2.31867 8.03599C0.920745 7.19339 0.441779 5.32723 1.24887 3.8678C2.05597 2.40838 3.84349 1.90834 5.24142 2.75094ZM5.18626 6.24105C5.63464 5.43026 5.36855 4.39351 4.59192 3.9254C3.8153 3.45729 2.82223 3.73508 2.37384 4.54588C1.92545 5.35667 2.19155 6.39342 2.96817 6.86153C3.7448 7.32964 4.73787 7.05185 5.18626 6.24105Z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.92337 15.6063C3.53506 15.3723 3.40202 14.8539 3.62621 14.4485L10.1212 2.70397C10.3454 2.29857 10.8419 2.15967 11.2302 2.39373C11.6186 2.62778 11.7516 3.14616 11.5274 3.55155L5.03242 15.2961C4.80822 15.7015 4.31169 15.8404 3.92337 15.6063Z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.8349 9.96407C14.2329 10.8067 14.7118 12.6728 13.9047 14.1323C13.0977 15.5917 11.3101 16.0917 9.9122 15.2491C8.51427 14.4065 8.03531 12.5404 8.8424 11.0809C9.6495 9.62151 11.437 9.12147 12.8349 9.96407ZM12.7798 13.4542C13.2282 12.6434 12.9621 11.6066 12.1854 11.1385C11.4088 10.6704 10.4158 10.9482 9.96737 11.759C9.51898 12.5698 9.78507 13.6065 10.5617 14.0747C11.3383 14.5428 12.3314 14.265 12.7798 13.4542Z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M19.6814 10.3055C21.0793 11.1481 21.5583 13.0143 20.7512 14.4737C19.9441 15.9332 18.1565 16.4332 16.7586 15.5906C15.3607 14.748 14.8817 12.8818 15.6888 11.4224C16.4959 9.96299 18.2834 9.46295 19.6814 10.3055ZM19.6262 13.7957C20.0746 12.9849 19.8085 11.9481 19.0319 11.48C18.2552 11.0119 17.2622 11.2897 16.8138 12.1005C16.3654 12.9113 16.6315 13.948 17.4081 14.4161C18.1847 14.8842 19.1778 14.6065 19.6262 13.7957Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/PercentIcon.tsx

@@ -0,0 +1,28 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const PercentIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.66461 1.75094C7.06254 2.59354 7.54151 4.4597 6.73441 5.91913C5.92732 7.37855 4.13979 7.87859 2.74186 7.03599C1.34393 6.19339 0.864966 4.32723 1.67206 2.8678C2.47916 1.40838 4.26668 0.908344 5.66461 1.75094ZM5.60944 5.24105C6.05783 4.43026 5.79174 3.39351 5.01511 2.9254C4.23848 2.45729 3.24541 2.73508 2.79703 3.54588C2.34864 4.35667 2.61473 5.39342 3.39136 5.86153C4.16799 6.32964 5.16106 6.05185 5.60944 5.24105Z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.34656 14.6063C3.95825 14.3723 3.8252 13.8539 4.0494 13.4485L10.5444 1.70397C10.7686 1.29857 11.2651 1.15967 11.6534 1.39373C12.0417 1.62778 12.1748 2.14616 11.9506 2.55155L5.4556 14.2961C5.23141 14.7015 4.73488 14.8404 4.34656 14.6063Z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.2581 8.96407C14.6561 9.80667 15.135 11.6728 14.3279 13.1323C13.5208 14.5917 11.7333 15.0917 10.3354 14.2491C8.93746 13.4065 8.45849 11.5404 9.26559 10.0809C10.0727 8.62151 11.8602 8.12147 13.2581 8.96407ZM13.203 12.4542C13.6514 11.6434 13.3853 10.6066 12.6086 10.1385C11.832 9.67041 10.8389 9.94821 10.3906 10.759C9.94217 11.5698 10.2083 12.6065 10.9849 13.0747C11.7615 13.5428 12.7546 13.265 13.203 12.4542Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/PerpendicularIcon.tsx

@@ -0,0 +1,20 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const PerpendicularIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        d="M7.19995 14L7.19995 1.2C7.19995 0.758175 7.55812 0.400002 7.99995 0.400002C8.44178 0.400002 8.79995 0.758175 8.79995 1.2V14H7.19995Z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.800049 14.8C0.800049 14.3582 1.15822 14 1.60005 14H14.4C14.8419 14 15.2 14.3582 15.2 14.8C15.2 15.2418 14.8419 15.6 14.4 15.6H1.60005C1.15822 15.6 0.800049 15.2418 0.800049 14.8Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/PesoIcon.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+const ASPECT_RATIO = 16 / 17
+
+export const PesoIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size * ASPECT_RATIO} height={size} viewBox="0 0 16 17" fill="none">
+      <Path
+        d="M8.6113 5.636C10.7533 5.636 11.9853 7.316 11.9853 9.332C11.9853 11.334 10.7393 13 8.6253 13C7.6593 13 6.8473 12.65 6.4133 12.062V16.094H4.4253V5.804H6.3573V6.714C6.7073 6.07 7.5613 5.636 8.6113 5.636ZM6.3993 9.318C6.3993 10.438 7.1273 11.25 8.2333 11.25C9.2973 11.25 10.0113 10.438 10.0113 9.318C10.0113 8.24 9.3393 7.386 8.2333 7.386C7.1273 7.386 6.3993 8.198 6.3993 9.318Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/PhiIcon.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const PhiIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.52123 3C9.01615 3 8.57037 3.12863 8.20762 3.39733C7.84995 3.66227 7.63579 4.01685 7.50648 4.36164C7.27047 4.99098 7.27087 5.73169 7.27112 6.20163L7.27114 6.24461L7.27112 6.24992V9.42363C6.25664 9.20401 5.64568 8.53647 5.38118 7.75857C5.04132 6.75901 5.268 5.56376 6.05146 4.78034C6.34436 4.48746 6.34437 4.01258 6.05148 3.71968C5.7586 3.42678 5.28372 3.42677 4.99082 3.71966C3.77418 4.93624 3.45086 6.74099 3.96103 8.24143C4.42236 9.59825 5.56066 10.6978 7.27112 10.947V14.25C7.27112 14.6642 7.60692 15 8.02113 15C8.43534 15 8.77112 14.6641 8.77112 14.2499V10.9482C9.85783 10.793 10.7012 10.2988 11.2902 9.60137C11.9915 8.77091 12.2839 7.71086 12.2712 6.74018C12.2612 5.98113 12.0719 5.10234 11.6673 4.38716C11.2611 3.66925 10.5583 3 9.52123 3ZM8.77112 9.4261C9.40026 9.29297 9.84066 8.99297 10.1441 8.63359C10.573 8.12569 10.7801 7.43575 10.7713 6.75982C10.764 6.20282 10.6196 5.58161 10.3617 5.12581C10.1054 4.67272 9.81685 4.5 9.52123 4.5C9.27632 4.5 9.15959 4.55887 9.10046 4.60267C9.03626 4.65023 8.96917 4.73315 8.91097 4.88836C8.78021 5.23701 8.77119 5.71636 8.77114 6.25008L8.77112 6.25567V9.4261Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/PiIcon.tsx

@@ -0,0 +1,19 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const PiIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.43698 3.77106C4.75988 3.77106 4.11291 4.03587 3.64932 4.50276L2.38647 5.7746C2.14446 6.01834 1.73943 6.03031 1.48181 5.80135C1.22419 5.57239 1.21153 5.1892 1.45354 4.94546L2.71639 3.67362C3.42192 2.96307 4.40653 2.56006 5.43698 2.56006H14.08C14.4335 2.56006 14.72 2.83115 14.72 3.16556C14.72 3.49996 14.4335 3.77106 14.08 3.77106H10.8541V11.2032C10.8541 11.7698 11.3396 12.2291 11.9385 12.2291C12.7677 12.2291 13.44 11.593 13.44 10.8085V10.5736C13.44 10.2392 13.7265 9.96808 14.08 9.96808C14.4335 9.96808 14.72 10.2392 14.72 10.5736V10.8085C14.72 12.2619 13.4747 13.4401 11.9385 13.4401C10.6327 13.4401 9.5741 12.4386 9.5741 11.2032V3.77106H6.79587C6.79104 3.9333 6.78384 4.12402 6.77312 4.33837C6.73733 5.05402 6.66214 6.03751 6.50408 7.10641C6.34632 8.17318 6.10406 9.33877 5.72949 10.4136C5.35772 11.4805 4.83959 12.5053 4.10167 13.249C3.85974 13.4928 3.45472 13.5049 3.19701 13.276C2.93931 13.0471 2.92652 12.6639 3.16845 12.4201C3.72384 11.8604 4.16867 11.025 4.51385 10.0345C4.85622 9.052 5.08489 7.96326 5.23641 6.93862C5.38762 5.91613 5.46004 4.97113 5.49454 4.28115C5.5041 4.08991 5.51074 3.91861 5.51533 3.77106H5.43698Z"
+        fill={color}
+        stroke={color}
+        strokeWidth="0.2"
+        strokeLinecap="round"
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/PlusMinusIcon.tsx

@@ -0,0 +1,20 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const PlusMinusIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        d="M8.75 1.25C8.75 0.835786 8.41421 0.5 8 0.5C7.58579 0.5 7.25 0.835786 7.25 1.25V4.5H4C3.58579 4.5 3.25 4.83579 3.25 5.25C3.25 5.66421 3.58579 6 4 6H7.25V9.25C7.25 9.66421 7.58579 10 8 10C8.41421 10 8.75 9.66421 8.75 9.25V6H12C12.4142 6 12.75 5.66421 12.75 5.25C12.75 4.83579 12.4142 4.5 12 4.5H8.75V1.25Z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.25 12.75C3.25 12.3358 3.58579 12 4 12H12C12.4142 12 12.75 12.3358 12.75 12.75C12.75 13.1642 12.4142 13.5 12 13.5H4C3.58579 13.5 3.25 13.1642 3.25 12.75Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/PoundIcon.tsx

@@ -0,0 +1,14 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const PoundIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        d="M12.2857 12.6667H6.57143C7.42857 11.6 7.28571 10.6667 7.28571 9.33333H9.42857C9.85714 9.33333 10.1429 9.06667 10.1429 8.66667C10.1429 8.26667 9.85714 8 9.42857 8H7.28571V5.33333C7.28571 4.2 8.21429 3.33333 9.42857 3.33333C10.6429 3.33333 11.5714 4.2 11.5714 5.33333C11.5714 5.73333 11.8571 6 12.2857 6C12.7143 6 13 5.73333 13 5.33333C13 3.46667 11.4286 2 9.42857 2C7.42857 2 5.85714 3.46667 5.85714 5.33333V8H3.71429C3.28571 8 3 8.26667 3 8.66667C3 9.06667 3.28571 9.33333 3.71429 9.33333H5.85714V10.6667C5.85714 11.8 4.92857 12.6667 3.71429 12.6667C3.28571 12.6667 3 12.9333 3 13.3333C3 13.7333 3.28571 14 3.71429 14H12.2857C12.7143 14 13 13.7333 13 13.3333C13 12.9333 12.7143 12.6667 12.2857 12.6667Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/RhoIcon.tsx

@@ -0,0 +1,18 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+const ASPECT_RATIO = 20 / 18
+
+export const RhoIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size * ASPECT_RATIO} height={size} viewBox="0 0 20 18" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.75 8.56937C7.7548 9.34764 8.06471 10.0686 8.52474 10.5926C8.99276 11.1258 9.55591 11.3929 10.0285 11.3929C10.4746 11.3929 11.0249 11.112 11.4949 10.5472C11.9563 9.99266 12.25 9.26521 12.25 8.57143C12.25 7.82425 12.0148 7.09571 11.6144 6.57076C11.2239 6.05886 10.6897 5.75 10.0285 5.75C9.30372 5.75 8.75759 6.08645 8.36933 6.61057C7.96819 7.15207 7.75044 7.88298 7.75 8.56937ZM7.16402 5.71768C7.79162 4.87049 8.75973 4.25001 10.0285 4.25C11.2245 4.24999 12.176 4.83378 12.807 5.66106C13.4281 6.47531 13.75 7.53248 13.75 8.57143C13.75 9.66377 13.3008 10.722 12.6479 11.5067C12.0036 12.2811 11.0681 12.8929 10.0285 12.8929C9.19385 12.8929 8.40497 12.523 7.77711 11.9646C7.77755 11.9996 7.77799 12.0346 7.77843 12.0694C7.77991 12.1872 7.78139 12.304 7.78286 12.4196C7.79546 13.4127 7.80697 14.3189 7.80697 15C7.80697 15.4142 7.47118 15.75 7.05697 15.75C6.64276 15.75 6.30697 15.4142 6.30697 15C6.30697 14.3291 6.2956 13.4334 6.28296 12.4372C6.2815 12.3222 6.28003 12.2058 6.27855 12.0883C6.26431 10.9562 6.25001 9.72193 6.25 8.57143V8.57143C6.25 7.60083 6.5497 6.54696 7.16402 5.71768Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/RightDirectedSegmentIcon.tsx

@@ -0,0 +1,20 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+const ASPECT_RATIO = 20 / 21
+
+export const RightDirectedSegmentIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size * ASPECT_RATIO} height={size} viewBox="0 0 20 21" fill="none">
+      <Path
+        d="M16.6465 0.146692C16.8173 -0.0241721 17.0813 -0.0459256 17.2754 0.0822385L17.3535 0.146692L19.3535 2.14669L19.418 2.22482C19.5461 2.4189 19.5244 2.68286 19.3535 2.85372L17.3535 4.85372C17.1583 5.04899 16.8417 5.04899 16.6465 4.85372C16.4512 4.65846 16.4512 4.34195 16.6465 4.14669L17.793 3.00021H1C0.723858 3.00021 0.5 2.77635 0.5 2.50021C0.5 2.22406 0.723858 2.00021 1 2.00021H17.793L16.6465 0.853723L16.582 0.775598C16.4539 0.581519 16.4756 0.317555 16.6465 0.146692Z"
+        fill={color}
+      />
+      <Path
+        d="M8.07948 17L7.70148 14.55H3.52948L2.01748 17H0.407484L6.55348 7.2H7.91149L9.52148 17H8.07948ZM4.32748 13.22H7.51948L6.87548 9.09L4.32748 13.22ZM16.4822 7.2C18.0922 7.2 18.8762 8.236 18.8762 9.342C18.8762 10.434 18.1762 11.54 16.8322 11.82C17.9662 12.128 18.4842 12.996 18.4842 13.906C18.4842 15.432 17.1402 17 14.8162 17H11.0502L13.3182 7.2H16.4822ZM12.7582 15.698H14.9842C16.3842 15.698 17.0562 14.788 17.0562 13.906C17.0562 13.164 16.4822 12.506 15.4042 12.506H13.5002L12.7582 15.698ZM13.7522 11.358H15.5722C16.7762 11.358 17.4482 10.49 17.4482 9.692C17.4482 8.95 16.9862 8.502 16.0202 8.502H14.4102L13.7522 11.358Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/RoundBracketLeftIcon.tsx

@@ -0,0 +1,18 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+const ASPECT_RATIO = 5 / 14
+
+export const RoundBracketLeftIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size * ASPECT_RATIO} height={size} viewBox="0 0 5 14" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.90533 0.21967C4.19823 0.512563 4.19823 0.987437 3.90533 1.28033C0.67361 4.51206 0.736927 10.001 3.8631 12.6806C4.17759 12.9501 4.21401 13.4236 3.94445 13.7381C3.67488 14.0526 3.20141 14.089 2.88691 13.8194C-0.986916 10.499 -0.923598 3.98794 2.84467 0.21967C3.13757 -0.0732233 3.61244 -0.0732233 3.90533 0.21967Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/RoundBracketRightIcon.tsx

@@ -0,0 +1,18 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+const ASPECT_RATIO = 5 / 14
+
+export const RoundBracketRightIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size * ASPECT_RATIO} height={size} viewBox="0 0 5 14" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.219696 0.21967C-0.0731974 0.512563 -0.0731974 0.987437 0.219696 1.28033C3.45142 4.51206 3.3881 10.001 0.261932 12.6806C-0.0525622 12.9501 -0.0889835 13.4236 0.180583 13.7381C0.45015 14.0526 0.923625 14.089 1.23812 13.8194C5.11195 10.499 5.04863 3.98794 1.28036 0.21967C0.987463 -0.0732233 0.512589 -0.0732233 0.219696 0.21967Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/SigmaIcon.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const SigmaIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.75 8C3.75 5.94046 5.16065 3.75 7.5 3.75H11.4997L11.5 4.5L11.5 5.25H10.365C10.9383 6.03486 11.25 7.03189 11.25 8C11.25 10.0569 9.85612 12.25 7.5 12.25C5.14388 12.25 3.75 10.0569 3.75 8ZM11.5 4.5L11.5 5.25C11.9142 5.25 12.25 4.91421 12.25 4.5C12.25 4.08579 11.914 3.75 11.4997 3.75L11.5 4.5ZM7.5 5.25C6.26815 5.25 5.25 6.45908 5.25 8C5.25 9.54356 6.25566 10.75 7.5 10.75C8.74434 10.75 9.75 9.54356 9.75 8C9.75 6.45908 8.73185 5.25 7.5 5.25Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/SigmaSumIcon.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const SigmaSumIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.81863 0.686607C1.94102 0.420506 2.20711 0.25 2.50001 0.25H13.5C13.9142 0.25 14.25 0.585786 14.25 1V3C14.25 3.41421 13.9142 3.75 13.5 3.75C13.0858 3.75 12.75 3.41421 12.75 3V1.75H4.13068L9.06945 7.51191C9.3102 7.79277 9.3102 8.20723 9.06945 8.48809L4.13068 14.25H12.75V13C12.75 12.5858 13.0858 12.25 13.5 12.25C13.9142 12.25 14.25 12.5858 14.25 13V15C14.25 15.4142 13.9142 15.75 13.5 15.75H2.50001C2.20711 15.75 1.94102 15.5795 1.81863 15.3134C1.69624 15.0473 1.73995 14.7343 1.93057 14.5119L7.5122 8L1.93057 1.48809C1.73995 1.26571 1.69624 0.952708 1.81863 0.686607Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/SlashIcon.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const SlashIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.34662 14.6063C3.95831 14.3723 3.82526 13.8539 4.04946 13.4485L10.5445 1.70397C10.7686 1.29857 11.2652 1.15967 11.6535 1.39373C12.0418 1.62778 12.1749 2.14616 11.9507 2.55155L5.45567 14.2961C5.23147 14.7015 4.73494 14.8404 4.34662 14.6063Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/SquarePowerIcon.tsx

@@ -0,0 +1,17 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path, Rect } from 'react-native-svg'
+
+const ASPECT_RATIO = 20 / 21
+
+export const SquarePowerIcon = ({ size = 20, color, extraColor }: IconProps) => {
+  return (
+    <Svg width={size * ASPECT_RATIO} height={size} viewBox="0 0 21 20" fill="none">
+      <Rect x="4.49902" y="6.57617" width="9.24" height="9.24" rx="1.548" stroke={extraColor} />
+      <Path
+        d="M17.8201 5.44H20.6201V7H15.6301V5.54L17.7201 3.7C18.2101 3.27 18.7001 2.81 18.7001 2.29C18.7001 1.84 18.3701 1.56 17.9501 1.56C17.4001 1.56 16.9101 1.94 16.9101 2.73L15.3801 2.67C15.3801 0.87 16.7001 -4.76837e-07 18.0201 -4.76837e-07C19.4601 -4.76837e-07 20.3801 0.89 20.3801 2.19C20.3801 3.19 19.7801 3.81 19.2801 4.23L17.8201 5.44Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/SquareRootIcon.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const SquareRootIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.86126 2.37678C7.94629 2.01541 8.26875 1.76001 8.64 1.76001H14.08C14.5218 1.76001 14.88 2.11818 14.88 2.56001C14.88 3.00184 14.5218 3.36001 14.08 3.36001H9.27361L6.85873 13.6232C6.78236 13.9478 6.51273 14.1909 6.18204 14.2335C5.85135 14.276 5.52896 14.109 5.37296 13.8143L2.71833 8.80001H1.92C1.47817 8.80001 1.12 8.44184 1.12 8.00001C1.12 7.55818 1.47817 7.20001 1.92 7.20001H3.2C3.49632 7.20001 3.76838 7.36381 3.90703 7.6257L5.78955 11.1816L7.86126 2.37678Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/SubsetIcon.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path, G } from 'react-native-svg'
+
+export const SubsetIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <G transform="rotate(90, 8, 8)">
+        <Path
+          d="M9.75 4.5V9C9.75 9.9665 8.9665 10.75 8 10.75C7.0335 10.75 6.25 9.9665 6.25 9V4.5C6.25 4.08579 5.91421 3.75 5.5 3.75C5.08579 3.75 4.75 4.08579 4.75 4.5V9C4.75 10.7949 6.20507 12.25 8 12.25C9.79493 12.25 11.25 10.7949 11.25 9V4.5C11.25 4.08579 10.9142 3.75 10.5 3.75C10.0858 3.75 9.75 4.08579 9.75 4.5Z"
+          fill={color}
+        />
+      </G>
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/SubtractionIcon.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const SubtractionIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.799988 7.99995C0.799988 7.55812 1.15816 7.19995 1.59999 7.19995H14.4C14.8418 7.19995 15.2 7.55812 15.2 7.99995C15.2 8.44178 14.8418 8.79995 14.4 8.79995H1.59999C1.15816 8.79995 0.799988 8.44178 0.799988 7.99995Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/ThetaIcon.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const ThetaIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.77599 7.25H11.224C11.1372 5.98289 10.834 4.67736 10.3297 3.64973C9.71605 2.39932 8.91491 1.75 8 1.75C7.08509 1.75 6.28395 2.39932 5.67031 3.64973C5.166 4.67736 4.86279 5.98289 4.77599 7.25ZM11.2206 8.75H4.77937C4.87613 10.0071 5.2089 11.3106 5.73148 12.3416C6.37632 13.6139 7.18127 14.25 8 14.25C8.81873 14.25 9.62368 13.6139 10.2685 12.3416C10.7911 11.3106 11.1239 10.0071 11.2206 8.75ZM4.32372 2.98889C5.04143 1.52643 6.24028 0.25 8 0.25C9.75972 0.25 10.9586 1.52643 11.6763 2.98889C12.4029 4.46948 12.75 6.33757 12.75 8C12.75 9.67657 12.3538 11.5452 11.6065 13.0198C10.8763 14.4604 9.68127 15.75 8 15.75C6.31873 15.75 5.12368 14.4604 4.39352 13.0198C3.64616 11.5452 3.25 9.67657 3.25 8C3.25 6.33757 3.59712 4.46948 4.32372 2.98889Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/TildeIcon.tsx

@@ -0,0 +1,18 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+const ASPECT_RATIO = 16 / 17
+
+export const TildeIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size * ASPECT_RATIO} height={size} viewBox="0 0 16 17" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.12004 8.01992C4.59954 8.01992 4.03052 8.21643 3.54568 8.94368C3.3006 9.3113 2.8039 9.41064 2.43628 9.16556C2.06866 8.92048 1.96932 8.42378 2.2144 8.05616C3.00957 6.86341 4.08953 6.41992 5.12004 6.41992C6.68187 6.41992 7.67419 7.21431 8.45732 7.84123C8.47155 7.85262 8.4857 7.86395 8.4998 7.87523C9.31006 8.52344 9.91024 8.97992 10.88 8.97992C11.4211 8.97992 11.9674 8.7867 12.4544 8.05616C12.6995 7.68854 13.1962 7.5892 13.5638 7.83428C13.9314 8.07936 14.0308 8.57606 13.7857 8.94368C12.9927 10.1331 11.9392 10.5799 10.88 10.5799C9.31822 10.5799 8.32589 9.78553 7.54276 9.15862C7.52854 9.14723 7.51438 9.13589 7.50029 9.12462C6.69002 8.4764 6.08984 8.01992 5.12004 8.01992Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/UnderlinedOneIcon.tsx

@@ -0,0 +1,17 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const UnderlinedOneIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 17 17" fill="none">
+      <Path d="M7.93176 12.1924V3.83738H6.46176V1.84238H10.0918V12.1924H7.93176Z" fill={color} />
+      <Path
+        d="M2.15088 15.1924H15.1509"
+        stroke={color}
+        stroke-width="1.2"
+        stroke-linecap="square"
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/UnderlinedTenIcon.tsx

@@ -0,0 +1,20 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const UnderlinedTenIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 17 17" fill="none">
+      <Path
+        d="M3.25158 12.1924V3.83738H1.78158V1.84238H5.41158V12.1924H3.25158ZM11.4998 1.69238C14.0348 1.69238 15.5198 3.52238 15.5198 6.80738V7.16738C15.5198 10.4524 14.0348 12.2824 11.4998 12.2824C8.96482 12.2824 7.47982 10.4524 7.47982 7.16738V6.80738C7.47982 3.52238 8.96482 1.69238 11.4998 1.69238ZM9.65482 7.16738C9.65482 9.38738 10.2698 10.3024 11.4998 10.3024C12.7298 10.3024 13.3448 9.38738 13.3448 7.16738V6.80738C13.3448 4.58738 12.7298 3.67238 11.4998 3.67238C10.2698 3.67238 9.65482 4.58738 9.65482 6.80738V7.16738Z"
+        fill={color}
+      />
+      <path
+        d="M2.15088 15.1924H15.1509"
+        stroke={color}
+        stroke-width="1.2"
+        stroke-linecap="square"
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/UnderlinedUIcon.tsx

@@ -0,0 +1,20 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const UnderlinedUIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 17 17" fill="none">
+      <Path
+        d="M10.6573 1.69238H12.8473V8.42738C12.8473 10.7824 11.4523 12.4174 8.6473 12.4174C5.8273 12.4174 4.4473 10.7824 4.4473 8.42738V1.69238H6.6223V8.26238C6.6223 9.56738 7.4023 10.3474 8.6473 10.3474C9.8923 10.3474 10.6573 9.56738 10.6573 8.26238V1.69238Z"
+        fill={color}
+      />
+      <Path
+        d="M2.15088 15.1924H15.1509"
+        stroke={color}
+        stroke-width="1.2"
+        stroke-linecap="square"
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/UnionIcon.tsx

@@ -0,0 +1,14 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const UnionIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        d="M9.75 4.5V9C9.75 9.9665 8.9665 10.75 8 10.75C7.0335 10.75 6.25 9.9665 6.25 9V4.5C6.25 4.08579 5.91421 3.75 5.5 3.75C5.08579 3.75 4.75 4.08579 4.75 4.5V9C4.75 10.7949 6.20507 12.25 8 12.25C9.79493 12.25 11.25 10.7949 11.25 9V4.5C11.25 4.08579 10.9142 3.75 10.5 3.75C10.0858 3.75 9.75 4.08579 9.75 4.5Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/XIcon.tsx

@@ -0,0 +1,14 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const XIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 17 17" fill="none">
+      <Path
+        d="M11.1008 14.1926H9.26078L7.80478 11.3606L5.02078 14.1926H2.92478L7.10078 10.0486L4.97278 6.16063H6.78078L8.25278 8.96063L10.9728 6.16063H13.0528L8.94078 10.2406L11.1008 14.1926Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/YIcon.tsx

@@ -0,0 +1,15 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+const ASPECT_RATIO = 17 / 18
+export const YIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size * ASPECT_RATIO} height={size} viewBox="0 0 17 18" fill="none">
+      <Path
+        d="M11.4048 6.16063H12.9728L11.1168 14.3206C10.5408 16.8326 8.62078 17.9526 6.66878 17.9526C4.98878 17.9526 3.51678 17.0566 3.08478 15.2646L4.52478 14.6406C4.73278 15.8726 5.69278 16.5126 6.81278 16.5126C8.04478 16.5126 9.18078 15.8246 9.53278 14.3366L9.91678 12.6566C9.21278 13.5366 8.17278 14.0006 7.14878 14.0006C5.56478 14.0006 4.50878 13.0086 4.50878 11.5526C4.50878 11.2966 4.54078 11.0406 4.60478 10.7686L5.66078 6.16063H7.22878L6.23678 10.4646C6.18878 10.7046 6.15678 10.9446 6.15678 11.1526C6.15678 12.0806 6.70078 12.5926 7.74078 12.5926C8.89278 12.5926 10.1248 11.7766 10.5248 10.0486L11.4048 6.16063Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/YenIcon.tsx

@@ -0,0 +1,14 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const YenIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        d="M4.09217 1.37072C4.43976 1.14544 4.90416 1.24458 5.12945 1.59217L8.00009 6.02115L10.8707 1.59217C11.096 1.24458 11.5604 1.14544 11.908 1.37072C12.2556 1.59601 12.3547 2.06042 12.1295 2.40801L8.99107 7.25009H10.5001C10.9143 7.25009 11.2501 7.58588 11.2501 8.00009C11.2501 8.4143 10.9143 8.75009 10.5001 8.75009H8.75009V10.2501H10.5001C10.9143 10.2501 11.2501 10.5859 11.2501 11.0001C11.2501 11.4143 10.9143 11.7501 10.5001 11.7501H8.75009V14.0001C8.75009 14.4143 8.4143 14.7501 8.00009 14.7501C7.58588 14.7501 7.25009 14.4143 7.25009 14.0001V11.7501H5.50009C5.08588 11.7501 4.75009 11.4143 4.75009 11.0001C4.75009 10.5859 5.08588 10.2501 5.50009 10.2501H7.25009V8.75009H5.50009C5.08588 8.75009 4.75009 8.4143 4.75009 8.00009C4.75009 7.58588 5.08588 7.25009 5.50009 7.25009H7.00911L3.87072 2.40801C3.64544 2.06042 3.74458 1.59601 4.09217 1.37072Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}