@magmamath/students-features 1.0.2 → 1.0.3-rc.1

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

@@ -0,0 +1,14 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const AngleIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        d="M8.94912 6.74144C9.20676 6.46187 9.63941 6.41761 9.9501 6.65062C10.2606 6.88377 10.3389 7.31141 10.1425 7.63695L10.0995 7.70043L6.49991 12.5002H10.9999C11.4141 12.5002 11.7499 12.836 11.7499 13.2502C11.7499 13.6644 11.4141 14.0002 10.9999 14.0002H4.99991C4.71583 14.0002 4.45605 13.8393 4.32901 13.5852C4.20219 13.3312 4.22994 13.0272 4.4003 12.8L8.9003 6.80004L8.94912 6.74144Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,22 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const ApproximatelyEqualIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.12004 4.79995C4.59954 4.79995 4.03052 4.99646 3.54568 5.72371C3.3006 6.09133 2.8039 6.19067 2.43628 5.94559C2.06866 5.70051 1.96932 5.20381 2.2144 4.83619C3.00957 3.64344 4.08953 3.19995 5.12004 3.19995C6.68187 3.19995 7.67419 3.99434 8.45732 4.62126C8.47155 4.63265 8.4857 4.64398 8.4998 4.65526C9.31006 5.30347 9.91024 5.75995 10.88 5.75995C11.4211 5.75995 11.9674 5.56672 12.4544 4.83619C12.6995 4.46857 13.1962 4.36923 13.5638 4.61431C13.9314 4.85939 14.0308 5.35609 13.7857 5.72371C12.9927 6.91318 11.9392 7.35995 10.88 7.35995C9.31822 7.35995 8.32589 6.56556 7.54276 5.93865C7.52854 5.92726 7.51438 5.91592 7.50029 5.90465C6.69002 5.25643 6.08984 4.79995 5.12004 4.79995Z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.12004 10.2399C4.59954 10.2399 4.03052 10.4364 3.54568 11.1637C3.3006 11.5313 2.8039 11.6306 2.43628 11.3855C2.06866 11.1405 1.96932 10.6438 2.2144 10.2761C3.00957 9.08339 4.08953 8.63989 5.12004 8.63989C6.68187 8.63989 7.67419 9.43428 8.45732 10.0612C8.47155 10.0726 8.4857 10.0839 8.4998 10.0952C9.31006 10.7434 9.91024 11.1999 10.88 11.1999C11.4211 11.1999 11.9674 11.0067 12.4544 10.2761C12.6995 9.90851 13.1962 9.80917 13.5638 10.0543C13.9314 10.2993 14.0308 10.796 13.7857 11.1637C12.9927 12.3531 11.9392 12.7999 10.88 12.7999C9.31822 12.7999 8.32589 12.0055 7.54276 11.3786C7.52854 11.3672 7.51438 11.3559 7.50029 11.3446C6.69002 10.6964 6.08984 10.2399 5.12004 10.2399Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,30 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { G, Path } from 'react-native-svg'
+
+export const BackspaceIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 21 21" fill="none">
+      <G clipPath="url(#clip0_1683_234)">
+        <Path
+          d="M17.8252 2.7644H7.23593C6.80314 2.7644 6.39561 2.96817 6.13593 3.3144L1.54218 9.4394C1.17551 9.92829 1.17551 10.6005 1.54218 11.0894L6.13593 17.2144C6.39561 17.5606 6.80314 17.7644 7.23593 17.7644H17.8252C18.5846 17.7644 19.2002 17.1488 19.2002 16.3894V4.1394C19.2002 3.38001 18.5846 2.7644 17.8252 2.7644Z"
+          stroke={color}
+          strokeWidth="1.75"
+          strokeLinecap="round"
+        />
+        <Path
+          d="M8.62332 13.3894L14.8733 7.1394"
+          stroke={color}
+          strokeWidth="1.75"
+          strokeLinecap="round"
+        />
+        <Path
+          d="M14.6847 13.3894L8.43472 7.1394"
+          stroke={color}
+          strokeWidth="1.75"
+          strokeLinecap="round"
+        />
+      </G>
+    </Svg>
+  )
+}

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

@@ -0,0 +1,16 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const BetaIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.47145 2.36074C6.14853 2.74065 6 3.19733 6 3.5V14.9995C6 14.9996 6 15 5.25 15C4.5 15 4.5 15 4.5 14.9999V3.5C4.5 2.80267 4.80148 2.00935 5.32854 1.38926C5.87049 0.751679 6.69336 0.25 7.75 0.25C8.76604 0.25 9.58344 0.759992 10.1269 1.38112C10.658 1.98807 11 2.78233 11 3.5V3.50148C11 3.63687 11.0001 4.43691 10.5112 5.21999C10.3411 5.49243 10.1215 5.74808 9.84412 5.9695C10.7447 6.52724 11.5 7.49051 11.5 9C11.5 10.2859 10.9801 11.394 10.1315 12.0513C9.26723 12.7207 8.10834 12.8768 7.02741 12.3051C6.66126 12.1114 6.52144 11.6576 6.7151 11.2914C6.90877 10.9253 7.3626 10.7855 7.72874 10.9791C8.26973 11.2653 8.79681 11.1878 9.213 10.8654C9.64487 10.5309 10 9.88904 10 9C10 8.06019 9.55684 7.53685 8.9971 7.21033C8.39399 6.85852 7.66023 6.75 7.25 6.75C6.83579 6.75 6.5 6.41421 6.5 6C6.5 5.58579 6.83579 5.25 7.25 5.25C8.52309 5.25 9.01685 4.78121 9.23879 4.42568C9.49814 4.01022 9.5 3.56329 9.5 3.5C9.5 3.21767 9.34199 2.76193 8.99806 2.36888C8.66655 1.99001 8.23395 1.75 7.75 1.75C7.20664 1.75 6.77951 1.99832 6.47145 2.36074ZM5.25 15.75C4.83579 15.75 4.5 15.4141 4.5 14.9999L5.25 15L6 14.9995C6 15.4137 5.66421 15.75 5.25 15.75Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/BidirectionalSegmentIcon.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 BidirectionalSegmentIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size * ASPECT_RATIO} height={size} viewBox="0 0 20 21" fill="none">
+      <Path
+        d="M16.6464 0.146692C16.8173 -0.0241721 17.0813 -0.0459256 17.2754 0.0822385L17.3535 0.146692L19.3535 2.14669L19.4179 2.22482C19.5461 2.4189 19.5243 2.68286 19.3535 2.85372L17.3535 4.85372C17.1582 5.04899 16.8417 5.04899 16.6464 4.85372C16.4512 4.65846 16.4512 4.34195 16.6464 4.14669L17.7929 3.00021H2.20699L3.35348 4.14669L3.41793 4.22482C3.5461 4.4189 3.52434 4.68286 3.35348 4.85372C3.18261 5.02459 2.91865 5.04634 2.72457 4.91818L2.64645 4.85372L0.646447 2.85372C0.451184 2.65846 0.451184 2.34195 0.646447 2.14669L2.64645 0.146692L2.72457 0.0822385C2.91865 -0.0459256 3.18261 -0.0241721 3.35348 0.146692C3.52434 0.317555 3.5461 0.581519 3.41793 0.775598L3.35348 0.853723L2.20699 2.00021H17.7929L16.6464 0.853723L16.582 0.775598C16.4538 0.581519 16.4756 0.317555 16.6464 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/CDotIcon.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Circle } from 'react-native-svg'
+
+export const CDotIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 6 6" fill="none">
+      <Circle cx="3.00001" cy="3.00001" r="3.00001" fill={color} />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,14 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const CentIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        d="M7.45801 13V11.8838C6.72701 11.7135 6.04825 11.3731 5.50977 10.8477C4.79613 10.1513 4.375 9.17855 4.375 8C4.375 6.82142 4.79608 5.84859 5.50977 5.15234C6.04833 4.62695 6.72694 4.28543 7.45801 4.11523V3C7.45801 2.5859 7.79394 2.25018 8.20801 2.25C8.62222 2.25 8.95801 2.58579 8.95801 3V4C9.75561 4.0591 10.5453 4.31112 11.1904 4.79297L11.3594 4.92773L11.416 4.98047C11.6795 5.25411 11.698 5.6881 11.4473 5.98438C11.1963 6.28087 10.7647 6.33436 10.4512 6.11914L10.3906 6.07227L10.292 5.99414C9.85066 5.66555 9.24106 5.48494 8.58105 5.48633L8.27344 5.5C7.57128 5.56083 6.97208 5.8203 6.55664 6.22559C6.15097 6.62138 5.875 7.19896 5.875 8C5.875 8.80097 6.151 9.37854 6.55664 9.77441C6.9721 10.1798 7.57133 10.4392 8.27344 10.5L8.58105 10.5137C9.29174 10.5152 9.94395 10.3058 10.3906 9.92773C10.7068 9.66023 11.1797 9.69957 11.4473 10.0156C11.7148 10.3318 11.6755 10.8047 11.3594 11.0723C10.686 11.6422 9.82677 11.9346 8.95801 11.999V13C8.95801 13.4142 8.62222 13.75 8.20801 13.75C7.79394 13.7498 7.45801 13.4141 7.45801 13Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,12 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Circle } from 'react-native-svg'
+
+export const ColonIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Circle cx="8.00002" cy="4.40005" r="1.6" fill={color} />
+      <Circle cx="8.00002" cy="11.6" r="1.6" fill={color} />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,16 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+const ASPECT_RATIO = 18 / 20
+
+export const CommaIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size * ASPECT_RATIO} height={size} viewBox="0 0 20 18" fill="none">
+      <Path
+        d="M8.39999 11.4C8.39999 12.2837 9.11634 13 9.99999 13C10 14.0001 8 14.1257 8 14.5001C8 14.8745 8.33333 15.0001 8.5 15.0001C10.2408 15.0001 11.6 13.2527 11.6 11.4C11.6 10.5164 10.8836 9.80005 9.99999 9.80005C9.11634 9.80005 8.39999 10.5164 8.39999 11.4Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,28 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const CongruentIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.12004 3.35977C4.59954 3.35977 4.03052 3.55627 3.54568 4.28353C3.3006 4.65115 2.8039 4.75049 2.43628 4.50541C2.06866 4.26032 1.96932 3.76363 2.2144 3.39601C3.00957 2.20326 4.08953 1.75977 5.12004 1.75977C6.68187 1.75977 7.67419 2.55416 8.45732 3.18107C8.47155 3.19246 8.4857 3.2038 8.4998 3.21507C9.31006 3.86328 9.91024 4.31977 10.88 4.31977C11.4211 4.31977 11.9674 4.12654 12.4544 3.39601C12.6995 3.02838 13.1962 2.92904 13.5638 3.17413C13.9314 3.41921 14.0308 3.9159 13.7857 4.28353C12.9927 5.47299 11.9392 5.91977 10.88 5.91977C9.31822 5.91977 8.32589 5.12538 7.54276 4.49846C7.52854 4.48707 7.51438 4.47573 7.50029 4.46446C6.69002 3.81625 6.08984 3.35977 5.12004 3.35977Z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.800049 9.27998C0.800049 8.83815 1.15822 8.47998 1.60005 8.47998H14.4C14.8419 8.47998 15.2 8.83815 15.2 9.27998C15.2 9.72181 14.8419 10.08 14.4 10.08H1.60005C1.15822 10.08 0.800049 9.72181 0.800049 9.27998Z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.800049 13.4401C0.800049 12.9983 1.15822 12.6401 1.60005 12.6401H14.4C14.8419 12.6401 15.2 12.9983 15.2 13.4401C15.2 13.882 14.8419 14.2401 14.4 14.2401H1.60005C1.15822 14.2401 0.800049 13.882 0.800049 13.4401Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,17 @@
+import React from 'react'
+import Svg, { Path, Rect } from 'react-native-svg'
+import { IconProps } from './icon.types'
+
+const ASPECT_RATIO = 21 / 20
+
+export const CubePowerIcon = ({ 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="M18.9973 3.33C19.9673 3.57 20.4073 4.2 20.4073 4.98C20.4073 6.21 19.3073 7.06 17.9173 7.06C16.7173 7.06 15.7873 6.42 15.3973 5.4L16.8573 4.66C17.0173 5.22 17.4373 5.57 17.9973 5.57C18.4373 5.57 18.7573 5.36 18.7573 4.94C18.7573 4.39 18.2773 4.19 17.4273 4.19H17.0473V2.89C18.0573 2.89 18.5073 2.67 18.5073 2.13C18.5073 1.77 18.2173 1.55 17.8073 1.55C17.3273 1.55 16.8473 1.86 16.6473 2.3L15.4373 1.55C15.8273 0.59 16.7873 -4.76837e-07 17.9273 -4.76837e-07C19.2073 -4.76837e-07 20.1773 0.73 20.1773 1.73C20.1773 2.44 19.6973 3.09 18.9973 3.33Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,20 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const CubeRootIcon = ({ 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}
+      />
+      <Path
+        d="M4.79782 3.5639C5.57382 3.7559 5.92582 4.2599 5.92582 4.8839C5.92582 5.8679 5.04582 6.5479 3.93382 6.5479C2.97382 6.5479 2.22982 6.0359 1.91782 5.2199L3.08582 4.6279C3.21382 5.0759 3.54982 5.3559 3.99782 5.3559C4.34982 5.3559 4.60582 5.1879 4.60582 4.8519C4.60582 4.4119 4.22182 4.2519 3.54182 4.2519H3.23782V3.2119C4.04582 3.2119 4.40582 3.0359 4.40582 2.6039C4.40582 2.3159 4.17382 2.1399 3.84582 2.1399C3.46182 2.1399 3.07782 2.3879 2.91782 2.7399L1.94982 2.1399C2.26182 1.3719 3.02982 0.899902 3.94182 0.899902C4.96582 0.899902 5.74182 1.4839 5.74182 2.2839C5.74182 2.8519 5.35782 3.3719 4.79782 3.5639Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,13 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Circle } from 'react-native-svg'
+
+const ASPECT_RATIO = 20 / 18
+
+export const DecimalPointIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size * ASPECT_RATIO} height={size} viewBox="0 0 20 18" fill="none">
+      <Circle cx="10" cy="11.4" r="1.6" fill={color} />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,34 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path, Rect } from 'react-native-svg'
+
+export const DefiniteIntegralIcon = ({ size = 20, color, extraColor }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 20 20" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.3684 3.02093C11.2559 2.79504 12.0664 3.27511 12.4475 4.03735C12.6327 4.40783 12.4825 4.85834 12.1121 5.04358C11.7416 5.22882 11.2911 5.07865 11.1058 4.70817C10.9869 4.4704 10.8331 4.45047 10.7384 4.47458C10.6111 4.50698 10.2459 4.71046 9.9978 5.57878C9.51279 7.27629 9.16146 9.42767 8.85671 11.408C8.82604 11.6072 8.79582 11.8049 8.76597 12.0001C8.64898 12.7654 8.53779 13.4927 8.42817 14.1299C8.29242 14.919 8.1508 15.622 7.98817 16.1099C7.66312 17.0851 6.95406 17.7002 6.11969 17.8045C5.30365 17.9065 4.49781 17.4921 4.10583 16.7082C3.92059 16.3377 4.07076 15.8872 4.44124 15.7019C4.81173 15.5167 5.26223 15.6669 5.44747 16.0373C5.55549 16.2534 5.74966 16.339 5.93362 16.316C6.09925 16.2953 6.39019 16.1604 6.56514 15.6356C6.68755 15.2683 6.81344 14.6687 6.94989 13.8756C7.05689 13.2536 7.16529 12.5446 7.28202 11.7812C7.31214 11.5841 7.34281 11.3835 7.37416 11.1798C7.67689 9.21267 8.04051 6.9692 8.55551 5.1667C8.87884 4.03503 9.51361 3.23851 10.3684 3.02093Z"
+        fill={color}
+      />
+      <Rect
+        x="13.6216"
+        y="0.524023"
+        width="5.95203"
+        height="5.95203"
+        rx="0.950407"
+        stroke={extraColor}
+        strokeWidth={0.8}
+      />
+      <Rect
+        x="9.62156"
+        y="13.524"
+        width="5.95203"
+        height="5.95203"
+        rx="0.950407"
+        stroke={extraColor}
+        strokeWidth={0.8}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,11 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Circle } from 'react-native-svg'
+
+export const DegreeIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Circle cx="7.6" cy="4.6" r="2.35" stroke={color} strokeWidth="1.5" />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,16 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const DeltaIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.91733 3.6343C5.08139 2.36935 6.21063 1.25 7.57665 1.25C9.48835 1.25 10.561 2.43157 11.1157 3.50077C11.3065 3.86845 11.163 4.32114 10.7954 4.51189C10.4277 4.70264 9.97499 4.55922 9.78424 4.19154C9.38116 3.41459 8.72984 2.75 7.57665 2.75C7.02712 2.75 6.48025 3.24603 6.40487 3.82724C6.3718 4.08218 6.43147 4.35774 6.66242 4.62484C6.90396 4.90418 7.37373 5.21811 8.23122 5.42471C10.7005 6.01968 11.7758 8.3985 11.7495 10.4497C11.7362 11.4923 11.4459 12.5462 10.8376 13.3595C10.2138 14.1934 9.26814 14.75 8.05555 14.75C6.71372 14.75 5.71038 14.1231 5.07877 13.1964C4.46664 12.2983 4.21952 11.1502 4.25297 10.054C4.28647 8.95629 4.60349 7.8263 5.21932 6.94893C5.45002 6.62025 5.72581 6.32417 6.04461 6.08123C5.84845 5.93617 5.67608 5.77747 5.52776 5.60593C5.01045 5.00765 4.83067 4.30244 4.91733 3.6343ZM7.96827 6.90576C7.34305 6.9333 6.83511 7.25784 6.44707 7.81069C6.03029 8.40447 5.77863 9.23602 5.75228 10.0998C5.72587 10.9652 5.92771 11.7786 6.31826 12.3516C6.68933 12.8961 7.24238 13.25 8.05555 13.25C8.75851 13.25 9.27306 12.9468 9.63648 12.461C10.0154 11.9544 10.2394 11.2284 10.2496 10.4305C10.2701 8.83202 9.46207 7.31578 7.96827 6.90576Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,32 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const DerivativeIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 20 20" fill="none">
+      <Path
+        d="M13.6777 2.57617H15.0057L14.0937 6.56817C13.7657 7.99217 12.7257 8.61617 11.5737 8.61617C10.6697 8.61617 9.95766 8.20017 9.59766 7.36017L10.7337 6.74417C10.9177 7.20017 11.2457 7.43217 11.7177 7.43217C12.2537 7.43217 12.6297 7.12817 12.7497 6.63217L12.8697 6.15217C12.5337 6.47217 12.1017 6.61617 11.6937 6.61617C10.9257 6.61617 10.3737 6.10417 10.3737 5.36017C10.3737 5.24017 10.3897 5.11217 10.4217 4.98417L10.9657 2.57617H12.2937L11.7977 4.75217C11.7817 4.82417 11.7737 4.88817 11.7737 4.94417C11.7737 5.27217 12.0057 5.44817 12.3417 5.44817C12.7337 5.44817 13.0857 5.21617 13.2057 4.68017L13.6777 2.57617Z"
+        fill={color}
+      />
+      <Path
+        d="M8.89038 6.73623H7.63439L7.73838 6.29623C7.52238 6.58423 7.21838 6.78423 6.67438 6.78423C5.53838 6.78423 4.99438 5.90423 4.99438 4.93623C4.99438 3.76823 5.78638 2.48023 7.25038 2.48023C7.89038 2.48023 8.26638 2.72823 8.42638 3.00823L8.85839 1.13623H10.1944L8.89038 6.73623ZM6.30638 4.73623C6.30638 5.19223 6.55438 5.61623 7.07438 5.61623C7.70638 5.61623 8.04239 5.05623 8.04239 4.52823C8.04239 4.07223 7.78638 3.64823 7.25838 3.64823C6.63438 3.64823 6.30638 4.20823 6.30638 4.73623Z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.80005 10.9162C4.80005 10.4744 5.15822 10.1162 5.60005 10.1162H14.4C14.8419 10.1162 15.2 10.4744 15.2 10.9162C15.2 11.358 14.8419 11.7162 14.4 11.7162H5.60005C5.15822 11.7162 4.80005 11.358 4.80005 10.9162Z"
+        fill={color}
+      />
+      <Path
+        d="M14.1138 18.8158H12.5538L12.0978 17.7678L11.1378 18.8158H9.36975L11.5058 16.6558L10.4658 14.6558H12.0178L12.4898 15.7118L13.4258 14.6558H15.1778L13.0578 16.7998L14.1138 18.8158Z"
+        fill={color}
+      />
+      <Path
+        d="M8.71839 18.8158H7.46239L7.56639 18.3758C7.35039 18.6638 7.04639 18.8638 6.50239 18.8638C5.36639 18.8638 4.82239 17.9838 4.82239 17.0158C4.82239 15.8478 5.61439 14.5598 7.07839 14.5598C7.71839 14.5598 8.09439 14.8078 8.25439 15.0878L8.68639 13.2158H10.0224L8.71839 18.8158ZM6.13439 16.8158C6.13439 17.2718 6.38239 17.6958 6.90239 17.6958C7.53439 17.6958 7.87039 17.1358 7.87039 16.6078C7.87039 16.1518 7.61439 15.7278 7.08639 15.7278C6.46239 15.7278 6.13439 16.2878 6.13439 16.8158Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,18 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path, Circle } from 'react-native-svg'
+
+export const DivisionIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Circle cx="7.99999" cy="3.68008" r="1.6" fill={color} />
+      <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}
+      />
+      <Circle cx="7.99999" cy="12.32" r="1.6" fill={color} />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,16 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path, G } from 'react-native-svg'
+
+export const DollarIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <G clipPath="url(#clip0_1139_12149)">
+        <Path
+          d="M8.63631 7.10029V3.90067C9.32077 4.01612 9.96616 4.29698 10.5179 4.71875C10.6279 4.79418 10.757 4.8351 10.8906 4.8369C11.3187 4.8369 11.6678 4.4924 11.6723 4.06427C11.6732 3.88067 11.6014 3.70433 11.4724 3.57343C10.6752 2.89077 9.67529 2.48811 8.62723 2.42811V1.3555C8.62723 1.04916 8.37908 0.801011 8.07274 0.801011C8.06638 0.800111 8.06 0.800111 8.05364 0.800111C7.74277 0.795554 7.48644 1.04373 7.48188 1.3555V2.39175C5.43667 2.53718 4.04593 3.80068 4.04593 5.48229C4.04593 7.54568 5.80027 8.11836 7.48188 8.57284V12.2088C6.5947 12.0897 5.75845 11.7216 5.07307 11.1453C4.944 11.0426 4.78399 10.9853 4.61856 10.9817C4.19952 11.0108 3.87684 11.3616 3.88227 11.7816C3.88137 11.9652 3.95317 12.1415 4.08224 12.2724C5.02123 13.1178 6.22837 13.6041 7.49094 13.645V14.6449C7.49094 14.6512 7.49184 14.6576 7.49184 14.664C7.50638 14.9749 7.7709 15.2148 8.08177 15.1994C8.38811 15.1994 8.63626 14.9512 8.63626 14.6449V13.6268C11.1178 13.4632 12.1177 11.9543 12.1177 10.3545C12.1177 8.20926 10.318 7.55479 8.63631 7.10029ZM7.49099 6.80941C6.5002 6.51854 5.72757 6.21859 5.72757 5.37322C5.72757 4.52786 6.42749 3.91884 7.49099 3.83705V6.80941ZM8.63631 12.227V8.91827C9.66348 9.20915 10.4634 9.6 10.4543 10.5544C10.4543 11.2453 9.9816 12.0634 8.63631 12.227Z"
+          fill={color}
+        />
+      </G>
+    </Svg>
+  )
+}

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

@@ -0,0 +1,11 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Circle } from 'react-native-svg'
+
+export const DotIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Circle cx="8.00001" cy="8.00001" r="3.00001" fill={color} />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,22 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const DoubleIntegralIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 20 18" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.84158 1.62884C9.72903 1.40295 10.5395 1.88302 10.9206 2.64526C11.1059 3.01574 10.9557 3.46625 10.5852 3.65149C10.2147 3.83673 9.76422 3.68656 9.57898 3.31608C9.46009 3.07831 9.30628 3.05838 9.21159 3.08249C9.08426 3.11489 8.71903 3.31837 8.47094 4.18669C7.98594 5.8842 7.6346 8.03558 7.32985 10.0159C7.29918 10.2152 7.26896 10.4128 7.23912 10.6081C7.12213 11.3733 7.01093 12.1006 6.90132 12.7378C6.76557 13.5269 6.62394 14.2299 6.46131 14.7178C6.13626 15.693 5.4272 16.3081 4.59283 16.4124C3.77679 16.5144 2.97096 16.1 2.57898 15.3161C2.39374 14.9456 2.5439 14.4951 2.91439 14.3098C3.28487 14.1246 3.73538 14.2748 3.92062 14.6453C4.02864 14.8613 4.2228 14.947 4.40677 14.924C4.57239 14.9033 4.86334 14.7683 5.03828 14.2435C5.16069 13.8762 5.28659 13.2766 5.42303 12.4835C5.53004 11.8615 5.63843 11.1526 5.75516 10.3891C5.78528 10.1921 5.81595 9.99142 5.8473 9.78771C6.15003 7.82058 6.51366 5.57711 7.02866 3.77461C7.35199 2.64294 7.98676 1.84642 8.84158 1.62884Z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.3419 1.62884C16.2294 1.40295 17.0399 1.88302 17.421 2.64526C17.6062 3.01574 17.4561 3.46625 17.0856 3.65149C16.7151 3.83673 16.2646 3.68656 16.0793 3.31608C15.9605 3.07831 15.8066 3.05838 15.712 3.08249C15.5846 3.11489 15.2194 3.31837 14.9713 4.18669C14.4863 5.8842 14.135 8.03558 13.8302 10.0159C13.7995 10.2152 13.7693 10.4128 13.7395 10.6081C13.6225 11.3733 13.5113 12.1006 13.4017 12.7378C13.2659 13.5269 13.1243 14.2299 12.9617 14.7178C12.6366 15.693 11.9276 16.3081 11.0932 16.4124C10.2772 16.5144 9.47133 16.1 9.07934 15.3161C8.8941 14.9456 9.04427 14.4951 9.41475 14.3098C9.78524 14.1246 10.2357 14.2748 10.421 14.6453C10.529 14.8613 10.7232 14.947 10.9071 14.924C11.0728 14.9033 11.3637 14.7683 11.5387 14.2435C11.6611 13.8762 11.787 13.2766 11.9234 12.4835C12.0304 11.8615 12.1388 11.1526 12.2555 10.3891C12.2856 10.1921 12.3163 9.99142 12.3477 9.78771C12.6504 7.82058 13.014 5.57711 13.529 3.77461C13.8524 2.64294 14.4871 1.84642 15.3419 1.62884Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,14 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const ElementOfIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        d="M11.5 3.25C11.9142 3.25 12.25 3.58579 12.25 4C12.25 4.41421 11.9142 4.75 11.5 4.75H8.5C6.96328 4.75 5.67655 5.81675 5.33789 7.25H11.5C11.9142 7.25 12.25 7.58579 12.25 8C12.25 8.41421 11.9142 8.75 11.5 8.75H5.33789C5.67655 10.1832 6.96328 11.25 8.5 11.25H11.5C11.9142 11.25 12.25 11.5858 12.25 12C12.25 12.4142 11.9142 12.75 11.5 12.75H8.5C5.87665 12.75 3.75 10.6234 3.75 8C3.75 5.37665 5.87665 3.25 8.5 3.25H11.5Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/EmptyIcon.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 EmptyIcon = ({ 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="M13.9707 0.968594C14.2641 0.676346 14.7389 0.677277 15.0313 0.970547C15.3234 1.2639 15.3225 1.73876 15.0293 2.03109L13.2696 3.785C14.1942 4.93985 14.75 6.40504 14.75 7.99984C14.75 11.7276 11.7278 14.7497 8.00005 14.7498C6.40449 14.7498 4.9384 14.1938 3.78325 13.2684L2.0313 15.0291C1.73913 15.3224 1.26426 15.323 0.97075 15.0311C0.677445 14.7389 0.676694 14.264 0.968797 13.9705L2.7227 12.2069C1.80202 11.0533 1.25008 9.59081 1.25005 7.99984C1.25005 4.27192 4.27212 1.24984 8.00005 1.24984C9.5915 1.24989 11.0542 1.80316 12.2081 2.72445L13.9707 0.968594ZM4.84966 12.1991C5.72742 12.8589 6.81756 13.2498 8.00005 13.2498C10.8994 13.2497 13.25 10.8992 13.25 7.99984C13.25 6.81836 12.8599 5.72889 12.2012 4.85141L4.84966 12.1991ZM8.00005 2.74984C5.10055 2.74984 2.75005 5.10035 2.75005 7.99984C2.75008 9.17634 3.13632 10.262 3.79009 11.1375L11.1397 3.79184C10.2639 3.13688 9.17764 2.74989 8.00005 2.74984Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,16 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const EpsilonIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.50283 5.2617C4.62146 3.77687 5.90959 2.25 7.66155 2.25C10.1658 2.25 11.379 4.02728 11.3791 5.5C11.3791 5.91421 11.0433 6.25 10.6291 6.25C10.2148 6.25 9.87906 5.91422 9.87905 5.5C9.87905 4.82986 9.31178 3.75 7.66155 3.75C6.81694 3.75 6.06491 4.54455 5.99807 5.38116C5.96832 5.75346 6.08237 6.09143 6.38132 6.35249C6.69698 6.62814 7.30686 6.89286 8.40342 6.89286C8.81764 6.89286 9.15343 7.22864 9.15343 7.64286C9.15343 8.05707 8.81764 8.39286 8.40342 8.39286C7.33575 8.39286 6.67953 8.68741 6.29953 9.03403C5.92097 9.37933 5.74674 9.83822 5.75005 10.3162C5.75694 11.3113 6.5064 12.25 7.66155 12.25C8.77138 12.25 9.39053 11.877 9.74113 11.4781C10.1124 11.0557 10.25 10.5265 10.25 10.1429C10.25 9.72864 10.5858 9.39286 11 9.39286C11.4142 9.39286 11.75 9.72864 11.75 10.1429C11.75 10.8307 11.5167 11.73 10.8678 12.4683C10.1984 13.2301 9.14828 13.75 7.66155 13.75C5.55243 13.75 4.26174 12.0101 4.25008 10.3266C4.24412 9.46536 4.56602 8.58496 5.28868 7.9258C5.39227 7.8313 5.50265 7.74264 5.61971 7.66009C5.54109 7.60393 5.46606 7.54467 5.39468 7.48233C4.69673 6.87285 4.43984 6.05012 4.50283 5.2617Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,22 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const EqualsIcon = ({ 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 5.92012C0.799988 5.47829 1.15816 5.12012 1.59999 5.12012H14.4C14.8418 5.12012 15.2 5.47829 15.2 5.92012C15.2 6.36194 14.8418 6.72012 14.4 6.72012H1.59999C1.15816 6.72012 0.799988 6.36194 0.799988 5.92012Z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.799988 10.08C0.799988 9.6382 1.15816 9.28003 1.59999 9.28003H14.4C14.8418 9.28003 15.2 9.6382 15.2 10.08C15.2 10.5219 14.8418 10.88 14.4 10.88H1.59999C1.15816 10.88 0.799988 10.5219 0.799988 10.08Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/EtaIcon.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 EtaIcon = ({ 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="M9.07287 7.51554C9.11025 9.06268 9.11025 11.3197 9.11025 12.8771V12.8828C9.11025 13.297 8.77446 13.6328 8.36025 13.6328C7.94603 13.6328 7.61025 13.297 7.61025 12.8828C7.61025 11.3168 7.61019 9.07405 7.5732 7.54745C7.51588 7.02191 7.4297 6.64787 7.32828 6.42381C7.31586 6.39635 7.3047 6.37398 7.29492 6.35588C7.26285 6.37516 7.2244 6.40443 7.18395 6.44708C6.89891 6.74762 6.4242 6.76018 6.12366 6.47514C5.82312 6.19011 5.81055 5.7154 6.09559 5.41486C6.42977 5.0625 6.88485 4.82506 7.36024 4.82506C7.93026 4.82506 8.30386 5.15488 8.53575 5.5127C8.56087 5.48794 8.58644 5.46354 8.61244 5.43955C9.30225 4.80322 10.3378 4.42218 11.6082 4.86724C12.6669 5.23812 13.1141 6.31102 13.3277 7.28635C13.5517 8.30911 13.5901 9.54849 13.5901 10.7061C13.5901 11.1089 13.5856 11.4993 13.5813 11.8731C13.5728 12.6117 13.5651 13.2855 13.5942 13.8621C13.6159 14.2933 13.6566 14.6093 13.7145 14.8167C13.7306 14.8747 13.745 14.9133 13.7554 14.9375C14.0647 15.1287 14.197 15.5219 14.051 15.8672C13.8897 16.2487 13.4496 16.4272 13.0681 16.2658C12.5598 16.0509 12.3608 15.5468 12.2696 15.2196C12.1661 14.8485 12.1193 14.3988 12.0961 13.9377C12.0646 13.3151 12.0732 12.5605 12.0818 11.7913C12.0859 11.4287 12.0901 11.0629 12.0901 10.7061C12.0901 9.55128 12.0484 8.45631 11.8625 7.60725C11.6661 6.71077 11.3734 6.37438 11.1123 6.28288C10.424 6.04177 9.95953 6.23765 9.62951 6.54209C9.26038 6.8826 9.09212 7.33493 9.07287 7.51554ZM13.7731 14.972C13.773 14.9721 13.772 14.9707 13.77 14.9674C13.7721 14.9702 13.7731 14.9719 13.7731 14.972ZM7.24746 6.28631C7.24756 6.28563 7.2509 6.28817 7.25716 6.29597C7.2505 6.29088 7.24736 6.28698 7.24746 6.28631Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,14 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const EuroIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        d="M5.89293 3.41655C6.96718 2.19124 8.51293 1.3954 10.3049 1.54925C11.0798 1.61579 11.7558 1.77514 12.3819 2.08819C13.008 2.40124 13.5411 2.84644 14.0593 3.42646C14.3353 3.73535 14.3086 4.20948 13.9997 4.48544C13.6908 4.7614 13.2166 4.73471 12.9407 4.42581C12.5108 3.9446 12.1231 3.63585 11.7111 3.42983C11.299 3.2238 10.8195 3.09896 10.1766 3.04376C8.94001 2.93759 7.83761 3.47377 7.02084 4.4054C6.70769 4.76259 6.44087 5.17405 6.23044 5.62063H11.0556C11.4698 5.62063 11.8056 5.95642 11.8056 6.37063C11.8056 6.78485 11.4698 7.12063 11.0556 7.12063H5.76584C5.71888 7.41002 5.69443 7.70446 5.69443 8.00021C5.69443 8.29598 5.71889 8.59044 5.76585 8.87985H11.0556C11.4698 8.87985 11.8056 9.21564 11.8056 9.62985C11.8056 10.0441 11.4698 10.3799 11.0556 10.3799H6.23047C6.4409 10.8264 6.70771 11.2378 7.02084 11.595C7.83761 12.5266 8.94001 13.0628 10.1766 12.9567C10.8195 12.9015 11.299 12.7766 11.7111 12.5706C12.1231 12.3646 12.5108 12.0558 12.9407 11.5746C13.2166 11.2657 13.6908 11.239 13.9997 11.515C14.3086 11.7909 14.3353 12.2651 14.0593 12.574C13.5411 13.154 13.008 13.5992 12.3819 13.9122C11.7558 14.2253 11.0798 14.3846 10.3049 14.4512C8.51293 14.605 6.96718 13.8092 5.89293 12.5839C5.33812 11.951 4.90127 11.1968 4.6096 10.3799H2.5C2.08579 10.3799 1.75 10.0441 1.75 9.62985C1.75 9.21564 2.08579 8.87985 2.5 8.87985H4.25046C4.21344 8.58903 4.19443 8.29508 4.19443 8.00021C4.19443 7.70536 4.21344 7.41144 4.25045 7.12063H2.5C2.08579 7.12063 1.75 6.78485 1.75 6.37063C1.75 5.95642 2.08579 5.62063 2.5 5.62063H4.60958C4.90125 4.80369 5.3381 4.0494 5.89293 3.41655Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,20 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path, Rect } from 'react-native-svg'
+
+const ASPECT_RATIO = 20 / 26
+
+export const FractionIcon = ({ size = 20, color, extraColor }: IconProps) => {
+  return (
+    <Svg width={size * ASPECT_RATIO} height={size} viewBox="0 0 20 26" fill="none">
+      <Rect x="5.38" y="0.959961" width="9.24" height="9.24" rx="1.548" stroke={extraColor} />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.79999 13C4.79999 12.5581 5.15816 12.2 5.59999 12.2H14.4C14.8418 12.2 15.2 12.5581 15.2 13C15.2 13.4418 14.8418 13.8 14.4 13.8H5.59999C5.15816 13.8 4.79999 13.4418 4.79999 13Z"
+        fill={color}
+      />
+      <Rect x="5.38" y="15.8" width="9.24" height="9.24" rx="1.548" stroke={extraColor} />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/GammaIcon.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 GammaIcon = ({ 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="M14.3883 2.85847C14.7427 3.07294 14.8561 3.53408 14.6416 3.88844C14.2881 4.4726 13.8216 5.261 13.3094 6.12692C12.7478 7.07617 12.131 8.11858 11.5475 9.0872C11.6043 9.28736 11.6567 9.48566 11.7039 9.68081C11.9346 10.6335 12.0657 11.5984 11.9396 12.3485C11.7482 13.4874 11.3932 14.3298 10.8597 14.8133C10.5798 15.067 10.2397 15.2292 9.86417 15.2482C9.4913 15.2672 9.15561 15.1414 8.88789 14.9476C7.87533 14.2147 7.60836 12.4539 8.57763 11.0126C8.93534 10.4806 9.40409 9.72917 9.91764 8.8841C9.74148 8.34256 9.53424 7.79182 9.30968 7.2631C8.92138 6.34885 8.49272 5.52727 8.10263 4.94718C7.90592 4.65467 7.73594 4.44909 7.60354 4.32536C7.57784 4.30134 7.55638 4.28302 7.53906 4.26919C7.46272 4.30763 7.32424 4.42062 7.15233 4.74421C6.93771 5.1482 6.7974 5.66001 6.73962 6.00374C6.67094 6.41223 6.28413 6.68769 5.87565 6.61902C5.46717 6.55035 5.1917 6.16354 5.26038 5.75506C5.33592 5.3057 5.51561 4.62786 5.82766 4.04048C6.111 3.50713 6.668 2.75011 7.6 2.75011C8.05161 2.75011 8.40982 3.0258 8.6277 3.22941C8.87655 3.46196 9.11907 3.77065 9.34736 4.11014C9.80727 4.79404 10.2786 5.70736 10.6903 6.67672C10.7668 6.85689 10.8417 7.03992 10.9144 7.22479C11.2746 6.61998 11.6363 6.00855 11.9803 5.42709C12.5032 4.54315 12.9851 3.7285 13.3584 3.11178C13.5728 2.75741 14.034 2.644 14.3883 2.85847ZM10.4227 10.9214C10.2013 11.2732 9.99863 11.5875 9.82236 11.8496C9.52027 12.2988 9.44415 12.7397 9.48114 13.0869C9.52054 13.4568 9.67721 13.6672 9.76735 13.7325C9.77739 13.7397 9.78509 13.7443 9.79054 13.7471C9.80242 13.7412 9.82309 13.7284 9.85244 13.7018C9.92489 13.6361 10.0359 13.4969 10.1519 13.2296C10.2668 12.9647 10.3769 12.5963 10.4604 12.0998C10.5081 11.8158 10.4963 11.4144 10.4227 10.9214ZM9.77856 13.7517C9.77854 13.7516 9.77964 13.7512 9.78185 13.7508C9.77967 13.7516 9.77857 13.7517 9.77856 13.7517ZM9.79869 13.7506C9.8 13.7509 9.80066 13.7511 9.80067 13.7511L9.79869 13.7506Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,16 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const GreaterThanIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.82037 2.73536C1.65214 3.1439 1.84696 3.61147 2.25551 3.7797L11.5102 7.59047L2.20234 12.2444C1.80716 12.442 1.64698 12.9225 1.84457 13.3177C2.04216 13.7129 2.5227 13.8731 2.91788 13.6755L13.7979 8.2355C14.0783 8.09526 14.251 7.80411 14.2396 7.49075C14.2281 7.17739 14.0347 6.89961 13.7447 6.78021L2.86471 2.30021C2.45616 2.13199 1.98859 2.32681 1.82037 2.73536Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}