@magmamath/students-features 1.1.3 → 1.2.0

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>
+  )
+}

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

@@ -0,0 +1,22 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const GreaterThanOrEqualIcon = ({ 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 1.29541C1.65214 1.70396 1.84696 2.17153 2.25551 2.33976L11.5102 6.15053L2.20234 10.8045C1.80716 11.0021 1.64698 11.4826 1.84457 11.8778C2.04216 12.273 2.5227 12.4331 2.91788 12.2356L13.7979 6.79556C14.0783 6.65532 14.251 6.36417 14.2396 6.05081C14.2281 5.73744 14.0347 5.45966 13.7447 5.34027L2.86471 0.860272C2.45616 0.692046 1.98859 0.886866 1.82037 1.29541Z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.799988 14.4001C0.799988 13.9583 1.15816 13.6001 1.59999 13.6001H14.4C14.8418 13.6001 15.2 13.9583 15.2 14.4001C15.2 14.8419 14.8418 15.2001 14.4 15.2001H1.59999C1.15816 15.2001 0.799988 14.8419 0.799988 14.4001Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,22 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const ImageIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.17001 3.11992C1.17001 2.04297 2.04306 1.16992 3.12001 1.16992H12.88C13.957 1.16992 14.83 2.04297 14.83 3.11992V12.8799C14.83 13.9569 13.957 14.8299 12.88 14.8299H3.12001C2.04306 14.8299 1.17001 13.9569 1.17001 12.8799V3.11992ZM3.12001 2.66992C2.87148 2.66992 2.67001 2.87139 2.67001 3.11992V10.7284L3.68733 9.50761C4.42961 8.61686 5.77652 8.55577 6.5964 9.37565L7.24344 10.0227L8.90412 7.53168C9.69104 6.35129 11.4296 6.3632 12.2002 7.55425L13.33 9.30026V3.11992C13.33 2.87139 13.1286 2.66992 12.88 2.66992H3.12001ZM13.33 12.0614L10.9409 8.36913C10.7565 8.08414 10.3405 8.08129 10.1522 8.36373L8.19073 11.3059C7.82128 11.8601 7.03718 11.9377 6.56622 11.4668L5.53574 10.4363C5.33956 10.2401 5.01727 10.2547 4.83966 10.4679L2.69835 13.0375C2.7622 13.2083 2.9269 13.3299 3.12001 13.3299H12.88C13.1286 13.3299 13.33 13.1285 13.33 12.8799V12.0614Z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.75995 5.13008C5.41201 5.13008 5.12995 5.41214 5.12995 5.76008C5.12995 6.10802 5.41201 6.39008 5.75995 6.39008C6.10789 6.39008 6.38995 6.10802 6.38995 5.76008C6.38995 5.41214 6.10789 5.13008 5.75995 5.13008ZM3.82995 5.76008C3.82995 4.69417 4.69404 3.83008 5.75995 3.83008C6.82586 3.83008 7.68995 4.69417 7.68995 5.76008C7.68995 6.82599 6.82586 7.69008 5.75995 7.69008C4.69404 7.69008 3.82995 6.82599 3.82995 5.76008Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,16 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const InfinityIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4 5.75C2.75736 5.75 1.75 6.75736 1.75 8C1.75 9.24264 2.75736 10.25 4 10.25C4.57675 10.25 5.10125 10.034 5.49981 9.67726C5.59252 9.59428 5.8426 9.3242 6.21298 8.90628C6.45086 8.63786 6.72261 8.32663 7.00664 8C6.72261 7.67337 6.45086 7.36214 6.21298 7.09372C5.8426 6.6758 5.59252 6.40572 5.49981 6.32274C5.10125 5.96602 4.57675 5.75 4 5.75ZM8 6.85651C7.76421 6.58577 7.53813 6.32741 7.33557 6.09884C6.98912 5.70791 6.67286 5.35959 6.50019 5.20504C5.83724 4.61169 4.95996 4.25 4 4.25C1.92893 4.25 0.25 5.92893 0.25 8C0.25 10.0711 1.92893 11.75 4 11.75C4.95996 11.75 5.83724 11.3883 6.50019 10.795C6.67286 10.6404 6.98912 10.2921 7.33557 9.90116C7.53813 9.67259 7.76421 9.41423 8 9.14349C8.23579 9.41423 8.46187 9.67259 8.66443 9.90116C9.01088 10.2921 9.32714 10.6404 9.49981 10.795C10.1628 11.3883 11.04 11.75 12 11.75C14.0711 11.75 15.75 10.0711 15.75 8C15.75 5.92893 14.0711 4.25 12 4.25C11.04 4.25 10.1628 4.61169 9.49981 5.20504C9.32714 5.35959 9.01088 5.70791 8.66443 6.09884C8.46187 6.32741 8.23579 6.58577 8 6.85651ZM8.99336 8C9.27739 8.32663 9.54914 8.63786 9.78702 8.90628C10.1574 9.3242 10.4075 9.59428 10.5002 9.67726C10.8988 10.034 11.4233 10.25 12 10.25C13.2426 10.25 14.25 9.24264 14.25 8C14.25 6.75736 13.2426 5.75 12 5.75C11.4233 5.75 10.8988 5.96602 10.5002 6.32274C10.4075 6.40572 10.1574 6.6758 9.78702 7.09372C9.54914 7.36214 9.27739 7.67337 8.99336 8Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,26 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+const ASPECT_RATIO = 25 / 23
+
+export const IntegralABIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size / ASPECT_RATIO} viewBox="0 0 25 23" fill="none">
+      <Path
+        d="M17.8511 18.9484C17.8511 19.2204 18.0271 19.3324 18.2111 19.3324C18.2991 19.3324 18.3871 19.3084 18.4671 19.2604L18.7391 20.2204C18.4671 20.4204 18.1471 20.5164 17.8431 20.5164C17.3551 20.5164 16.9071 20.2684 16.7631 19.7804C16.5151 20.2364 16.0031 20.5164 15.3391 20.5164C14.1791 20.5164 13.4111 19.6044 13.4111 18.3644C13.4111 17.1404 14.1391 16.2124 15.3471 16.2124C15.9551 16.2124 16.3871 16.4524 16.5631 16.8044V16.3084H17.8511V18.9484ZM14.7391 18.3644C14.7391 18.9484 15.0911 19.3484 15.6191 19.3484C16.1631 19.3484 16.5231 18.9484 16.5231 18.3644C16.5231 17.7804 16.1631 17.3804 15.6191 17.3804C15.0911 17.3804 14.7391 17.7804 14.7391 18.3644Z"
+        fill={color}
+      />
+      <Path
+        d="M20.6816 3.21241C21.8896 3.21241 22.6176 4.14841 22.6176 5.36441C22.6176 6.58041 21.8816 7.51641 20.6896 7.51641C20.1296 7.51641 19.6416 7.30041 19.4336 6.97241V7.46841H18.1856V1.86841H19.5136V3.72441C19.6816 3.42841 20.1216 3.21241 20.6816 3.21241ZM19.5056 5.36441C19.5056 5.94841 19.8656 6.34841 20.4096 6.34841C20.9376 6.34841 21.2896 5.94841 21.2896 5.36441C21.2896 4.78041 20.9376 4.38041 20.4096 4.38041C19.8656 4.38041 19.5056 4.78041 19.5056 5.36441Z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.5676 3.77312C14.455 3.54723 15.2655 4.02731 15.6466 4.78955C15.8319 5.16003 15.6817 5.61053 15.3112 5.79578C14.9407 5.98102 14.4902 5.83085 14.305 5.46036C14.1861 5.22259 14.0323 5.20267 13.9376 5.22677C13.8103 5.25918 13.445 5.46266 13.197 6.33098C12.712 8.02849 12.3606 10.1799 12.0559 12.1602C12.0252 12.3594 11.995 12.5571 11.9651 12.7523C11.8481 13.5176 11.737 14.2449 11.6273 14.8821C11.4916 15.6712 11.35 16.3742 11.1873 16.8621C10.8623 17.8373 10.1532 18.4524 9.31885 18.5567C8.50281 18.6587 7.69698 18.2443 7.30499 17.4604C7.11975 17.0899 7.26992 16.6394 7.6404 16.4541C8.01089 16.2689 8.46139 16.4191 8.64664 16.7895C8.75465 17.0056 8.94882 17.0912 9.13278 17.0682C9.29841 17.0475 9.58935 16.9126 9.7643 16.3878C9.88671 16.0205 10.0126 15.4209 10.149 14.6278C10.2561 14.0058 10.3644 13.2968 10.4812 12.5333C10.5113 12.3363 10.542 12.1357 10.5733 11.932C10.876 9.96487 11.2397 7.72139 11.7547 5.9189C12.078 4.78723 12.7128 3.99071 13.5676 3.77312Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,16 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const IntegralIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.0918 0.628838C10.9793 0.402946 11.7897 0.883023 12.1709 1.64526C12.3561 2.01574 12.2059 2.46625 11.8355 2.65149C11.465 2.83673 11.0145 2.68656 10.8292 2.31608C10.7103 2.07831 10.5565 2.05838 10.4618 2.08249C10.3345 2.11489 9.96928 2.31837 9.72119 3.18669C9.23618 4.8842 8.88485 7.03558 8.5801 9.01587C8.54943 9.21515 8.51921 9.41284 8.48936 9.60805C8.37237 10.3733 8.26118 11.1006 8.15156 11.7378C8.01581 12.5269 7.87419 13.2299 7.71156 13.7178C7.38651 14.693 6.67745 15.3081 5.84308 15.4124C5.02704 15.5144 4.2212 15.1 3.82922 14.3161C3.64398 13.9456 3.79415 13.4951 4.16463 13.3098C4.53512 13.1246 4.98562 13.2748 5.17086 13.6453C5.27888 13.8613 5.47305 13.947 5.65701 13.924C5.82264 13.9033 6.11358 13.7683 6.28853 13.2435C6.41094 12.8762 6.53683 12.2766 6.67328 11.4835C6.78028 10.8615 6.88867 10.1526 7.0054 9.38906C7.03552 9.19206 7.0662 8.99142 7.09755 8.78771C7.40028 6.82058 7.7639 4.57711 8.2789 2.77461C8.60223 1.64294 9.237 0.846424 10.0918 0.628838Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,14 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const IntersectionIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        d="M11.5 14.25V6C11.5 4.067 9.933 2.5 8 2.5C6.067 2.5 4.5 4.067 4.5 6V14.25C4.5 14.6642 4.16421 15 3.75 15C3.33579 15 3 14.6642 3 14.25V6C3 3.23858 5.23858 1 8 1C10.7614 1 13 3.23858 13 6V14.25C13 14.6642 12.6642 15 12.25 15C11.8358 15 11.5 14.6642 11.5 14.25Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,14 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const IntervalIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 17 17" fill="none">
+      <Path
+        d="M5.42163 1.19263C5.83584 1.19263 6.17163 1.52841 6.17163 1.94263C6.17163 2.35684 5.83584 2.69263 5.42163 2.69263H3.67163V13.6926H5.42163C5.83584 13.6926 6.17163 14.0284 6.17163 14.4426C6.17163 14.8568 5.83584 15.1926 5.42163 15.1926H2.92163C2.50742 15.1926 2.17163 14.8568 2.17163 14.4426V1.94263C2.17163 1.52841 2.50742 1.19263 2.92163 1.19263H5.42163ZM13.9216 1.19263C14.3358 1.19263 14.6716 1.52841 14.6716 1.94263V14.4426C14.6716 14.8568 14.3358 15.1926 13.9216 15.1926H11.4216C11.0074 15.1926 10.6716 14.8568 10.6716 14.4426C10.6716 14.0284 11.0074 13.6926 11.4216 13.6926H13.1716V2.69263H11.4216C11.0074 2.69263 10.6716 2.35684 10.6716 1.94263C10.6716 1.52841 11.0074 1.19263 11.4216 1.19263H13.9216Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,18 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const KroneIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        d="M9.97412 5.70361H11.9061V6.79561C12.2281 5.96961 12.9561 5.61961 13.8101 5.61961C14.1041 5.61961 14.4261 5.66161 14.7481 5.74561L14.4681 7.59361C14.1741 7.49561 13.8801 7.45361 13.6281 7.45361C12.6481 7.45361 11.9621 8.06961 11.9621 9.24561V12.8996H9.97412V5.70361Z"
+        fill={color}
+      />
+      <Path
+        d="M1.25146 3.09961H3.23946V8.48961L5.96947 5.70361H8.64347L5.12946 9.07761L9.07747 12.8996H6.26346L3.23946 9.91761V12.8996H1.25146V3.09961Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,16 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const LambdaIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.3766 4.64851C4.78998 3.89504 4.37277 3.72035 4.08903 3.75429C3.67775 3.80349 3.30446 3.50997 3.25526 3.09869C3.20606 2.6874 3.49959 2.31411 3.91087 2.26491C5.04237 2.12956 5.92303 2.90865 6.56019 3.72704C7.22595 4.58217 7.8306 5.74277 8.38913 6.89253C8.56508 7.25473 8.73656 7.61579 8.90497 7.97039C9.43162 9.07928 9.92825 10.1249 10.4377 10.9445C10.7728 11.4837 11.0736 11.8562 11.338 12.0675C11.5874 12.2667 11.7192 12.2613 11.8021 12.2386C12.2017 12.1294 12.6142 12.3647 12.7234 12.7643C12.8326 13.1638 12.5973 13.5763 12.1978 13.6855C11.4998 13.8763 10.882 13.623 10.4018 13.2395C9.93681 12.868 9.52836 12.323 9.16375 11.7364C8.66534 10.9346 8.17414 9.92654 7.69393 8.91779L5.46873 13.3015C5.28124 13.6709 4.82983 13.8183 4.46048 13.6308C4.09113 13.4433 3.94369 12.9919 4.13118 12.6226L6.87644 7.21432C6.37323 6.19687 5.88021 5.29537 5.3766 4.64851Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/LeftDirectedSegmentIcon.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 LeftDirectedSegmentIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size * ASPECT_RATIO} height={size} viewBox="0 0 20 21" fill="none">
+      <Path
+        d="M2.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.00021H19C19.2761 2.00021 19.5 2.22406 19.5 2.50021C19.5 2.77635 19.2761 3.00021 19 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.0822385Z"
+        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/LessThanIcon.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const LessThanIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.1796 2.73536C14.3479 3.1439 14.153 3.61147 13.7445 3.7797L4.48977 7.59047L13.7977 12.2444C14.1928 12.442 14.353 12.9225 14.1554 13.3177C13.9578 13.7129 13.4773 13.8731 13.0821 13.6755L2.20212 8.2355C1.92165 8.09526 1.74897 7.80411 1.76042 7.49075C1.77187 7.17739 1.96534 6.89961 2.25529 6.78021L13.1353 2.30021C13.5438 2.13199 14.0114 2.32681 14.1796 2.73536Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,22 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const LessThanOrEqualIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.1796 1.29541C14.3479 1.70396 14.153 2.17153 13.7445 2.33976L4.48977 6.15053L13.7977 10.8045C14.1928 11.0021 14.353 11.4826 14.1554 11.8778C13.9578 12.273 13.4773 12.4331 13.0821 12.2356L2.20212 6.79556C1.92165 6.65532 1.74897 6.36417 1.76042 6.05081C1.77187 5.73744 1.96534 5.45966 2.25529 5.34027L13.1353 0.860272C13.5438 0.692046 14.0114 0.886866 14.1796 1.29541Z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.800049 14.4001C0.800049 13.9583 1.15822 13.6001 1.60005 13.6001H14.4C14.8419 13.6001 15.2 13.9583 15.2 14.4001C15.2 14.8419 14.8419 15.2001 14.4 15.2001H1.60005C1.15822 15.2001 0.800049 14.8419 0.800049 14.4001Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,18 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const LineSegmentIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 20 20" fill="none">
+      <Path
+        d="M19 1C19.2761 1 19.5 1.22386 19.5 1.5C19.5 1.77614 19.2761 2 19 2H1C0.723858 2 0.5 1.77614 0.5 1.5C0.5 1.22386 0.723858 1 1 1H19Z"
+        fill={color}
+      />
+      <Path
+        d="M8.07948 16L7.70148 13.55H3.52948L2.01748 16H0.407484L6.55348 6.2H7.91149L9.52148 16H8.07948ZM4.32748 12.22H7.51948L6.87548 8.09L4.32748 12.22ZM16.4822 6.2C18.0922 6.2 18.8762 7.236 18.8762 8.342C18.8762 9.434 18.1762 10.54 16.8322 10.82C17.9662 11.128 18.4842 11.996 18.4842 12.906C18.4842 14.432 17.1402 16 14.8162 16H11.0502L13.3182 6.2H16.4822ZM12.7582 14.698H14.9842C16.3842 14.698 17.0562 13.788 17.0562 12.906C17.0562 12.164 16.4822 11.506 15.4042 11.506H13.5002L12.7582 14.698ZM13.7522 10.358H15.5722C16.7762 10.358 17.4482 9.49 17.4482 8.692C17.4482 7.95 16.9862 7.502 16.0202 7.502H14.4102L13.7522 10.358Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,16 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const MuIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5 4.03516C5.41421 4.03516 5.75 4.37094 5.75 4.78516C5.75 6.97403 5.94751 8.33537 6.23976 9.15949C6.52143 9.95376 6.84563 10.1404 7.08313 10.2021C7.24028 10.2428 7.39775 10.243 7.54822 10.1881C7.69428 10.1349 7.89466 10.0079 8.10651 9.69055C8.55241 9.0227 8.98679 7.60119 8.98684 4.78565C8.98684 4.78548 8.98684 4.78532 8.98684 4.78516C8.98684 4.37094 9.32263 4.03516 9.73684 4.03516C10.1511 4.03516 10.4868 4.37094 10.4868 4.78516C10.4868 6.5199 10.4886 7.99257 10.6372 9.03502C10.7123 9.56168 10.8148 9.89343 10.9196 10.0754C10.9577 10.1416 10.9856 10.169 10.9961 10.1779C10.9972 10.178 10.9985 10.178 11 10.178C11.4142 10.178 11.75 10.5138 11.75 10.928C11.75 11.3422 11.4142 11.678 11 11.678C10.3438 11.678 9.89097 11.2948 9.61987 10.8242C9.54609 10.6961 9.48239 10.557 9.42711 10.4097C9.40308 10.4485 9.37871 10.4865 9.35402 10.5235C8.9935 11.0634 8.55243 11.4186 8.06197 11.5974C7.57593 11.7746 7.10182 11.7566 6.70634 11.654C6.34553 11.5603 6.02701 11.3898 5.75 11.1436V14.2148C5.75 14.6291 5.41421 14.9648 5 14.9648C4.58579 14.9648 4.25 14.6291 4.25 14.2148V4.78516C4.25 4.37094 4.58579 4.03516 5 4.03516Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,14 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const MultiplicationIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        d="M2.48568 1.35443C2.17326 1.04201 1.66673 1.04201 1.35431 1.35443C1.04189 1.66685 1.04189 2.17338 1.35431 2.4858L6.86862 8.00012L1.35431 13.5144C1.04189 13.8268 1.04189 14.3334 1.35431 14.6458C1.66673 14.9582 2.17326 14.9582 2.48568 14.6458L7.99999 9.13149L13.5143 14.6458C13.8267 14.9582 14.3333 14.9582 14.6457 14.6458C14.9581 14.3334 14.9581 13.8268 14.6457 13.5144L9.13137 8.00012L14.6457 2.4858C14.9581 2.17338 14.9581 1.66685 14.6457 1.35443C14.3333 1.04201 13.8267 1.04201 13.5143 1.35443L7.99999 6.86875L2.48568 1.35443Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,16 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const NotElementOfIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.81055 2.45383C9.9739 2.07355 10.4154 1.89727 10.7959 2.06027C11.1763 2.22352 11.3524 2.66507 11.1895 3.04562L10.9951 3.49972H11.5C11.9141 3.49972 12.2498 3.83564 12.25 4.24972C12.25 4.66394 11.9142 4.99972 11.5 4.99972H10.3516L9.28027 7.49972H11.5C11.9141 7.49972 12.2498 7.83564 12.25 8.24972C12.25 8.66394 11.9142 8.99972 11.5 8.99972H8.6377L7.61816 11.3767C7.89873 11.4557 8.19412 11.4997 8.5 11.4997H11.5C11.9141 11.4997 12.2498 11.8356 12.25 12.2497C12.25 12.6639 11.9142 12.9997 11.5 12.9997H8.5C7.98433 12.9997 7.48834 12.9163 7.02344 12.7644L6.68945 13.5456C6.52617 13.9261 6.08471 14.1023 5.7041 13.9392C5.3237 13.7759 5.14745 13.3344 5.31055 12.9538L5.68555 12.0759C4.51187 11.2111 3.75 9.81946 3.75 8.24972C3.75016 5.6265 5.87674 3.49972 8.5 3.49972H9.3623L9.81055 2.45383ZM5.33789 8.99972C5.48946 9.64121 5.83195 10.2085 6.30078 10.6403L7.00488 8.99972H5.33789ZM8.5 4.99972C6.96338 4.99972 5.67665 6.06662 5.33789 7.49972H7.64844L8.71973 4.99972H8.5Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,28 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const NotEqualIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.800049 5.92012C0.800049 5.47829 1.15822 5.12012 1.60005 5.12012H14.4C14.8419 5.12012 15.2 5.47829 15.2 5.92012C15.2 6.36194 14.8419 6.72012 14.4 6.72012H1.60005C1.15822 6.72012 0.800049 6.36194 0.800049 5.92012Z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.800049 10.08C0.800049 9.6382 1.15822 9.28003 1.60005 9.28003H14.4C14.8419 9.28003 15.2 9.6382 15.2 10.08C15.2 10.5219 14.8419 10.88 14.4 10.88H1.60005C1.15822 10.88 0.800049 10.5219 0.800049 10.08Z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.90882 13.0911C2.59641 12.7787 2.59641 12.2721 2.90882 11.9597L11.9598 2.90874C12.2722 2.59632 12.7787 2.59632 13.0912 2.90874C13.4036 3.22116 13.4036 3.72769 13.0912 4.04011L4.0402 13.0911C3.72778 13.4035 3.22124 13.4035 2.90882 13.0911Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,20 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Rect } from 'react-native-svg'
+
+export const NthPowerIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 21 21" fill="none">
+      <Rect x="4.49902" y="7.57617" width="9.24" height="9.24" rx="1.548" stroke={color} />
+      <Rect
+        x="14.149"
+        y="1.08408"
+        width="5.95203"
+        height="5.95203"
+        rx="0.950407"
+        stroke={color}
+        strokeWidth="0.8"
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,27 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path, Rect } from 'react-native-svg'
+
+const ASPECT_RATIO = 20 / 17
+
+export const NthRootIcon = ({ size = 20, color, extraColor }: IconProps) => {
+  return (
+    <Svg width={size} height={size / ASPECT_RATIO} viewBox="0 0 20 17" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.3613 3.37678C10.4463 3.01541 10.7688 2.76001 11.14 2.76001H16.58C17.0218 2.76001 17.38 3.11818 17.38 3.56001C17.38 4.00184 17.0218 4.36001 16.58 4.36001H11.7736L9.35873 14.6232C9.28236 14.9478 9.01273 15.1909 8.68204 15.2335C8.35135 15.276 8.02896 15.109 7.87296 14.8143L5.21833 9.80001H4.42C3.97817 9.80001 3.62 9.44184 3.62 9.00001C3.62 8.55818 3.97817 8.20001 4.42 8.20001H5.7C5.99632 8.20001 6.26838 8.36381 6.40703 8.6257L8.28955 12.1816L10.3613 3.37678Z"
+        fill={color}
+      />
+      <Rect
+        x="2.4"
+        y="0.4"
+        width="5.95203"
+        height="5.95203"
+        rx="0.950407"
+        stroke={extraColor}
+        strokeWidth="0.8"
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,16 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const OmegaLowercaseIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.50062 4.41783C4.17209 3.67296 5.03321 3.25 5.69231 3.25C6.10652 3.25 6.44231 3.58579 6.44231 4C6.44231 4.41421 6.10652 4.75 5.69231 4.75C5.58218 4.75 5.09715 4.88704 4.61476 5.42217C4.16646 5.91949 3.75 6.73877 3.75 8C3.75 9.626 4.26296 10.4047 4.69739 10.787C4.92595 10.9881 5.16172 11.1056 5.35503 11.1726C5.45172 11.2061 5.53555 11.2262 5.59895 11.2376C5.65371 11.2475 5.68548 11.2495 5.69193 11.2499C5.69343 11.25 5.69356 11.25 5.69231 11.25C6.00099 11.25 6.20367 11.16 6.36331 11.0168C6.53991 10.8583 6.71224 10.5894 6.85648 10.1608C7.15031 9.28769 7.25 7.99712 7.25 6.4C7.25 5.98579 7.58579 5.65 8 5.65C8.41421 5.65 8.75 5.98579 8.75 6.4C8.75 7.99712 8.84969 9.28769 9.14352 10.1608C9.28776 10.5894 9.46009 10.8583 9.63669 11.0168C9.79633 11.16 9.99901 11.25 10.3077 11.25C10.5608 11.25 11.0373 11.0446 11.4881 10.4479C11.9172 9.87994 12.25 9.03915 12.25 8C12.25 6.96085 11.9172 6.12006 11.4881 5.5521C11.0373 4.95537 10.5608 4.75 10.3077 4.75C9.89348 4.75 9.55769 4.41421 9.55769 4C9.55769 3.58579 9.89348 3.25 10.3077 3.25C11.2085 3.25 12.0781 3.84463 12.685 4.6479C13.3136 5.47994 13.75 6.63915 13.75 8C13.75 9.36085 13.3136 10.5201 12.685 11.3521C12.0781 12.1554 11.2085 12.75 10.3077 12.75C9.65484 12.75 9.08829 12.54 8.63494 12.1332C8.37276 11.898 8.16545 11.6124 8 11.2979C7.83456 11.6124 7.62724 11.898 7.36506 12.1332C6.91171 12.54 6.34516 12.75 5.69231 12.75C5.34763 12.75 4.48936 12.602 3.70645 11.913C2.89088 11.1953 2.25 9.974 2.25 8C2.25 6.38123 2.79508 5.20051 3.50062 4.41783Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -0,0 +1,16 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+
+export const OmegaUppercaseIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8 2.75C5.23558 2.75 3.25 4.73558 3.25 7.5C3.25 9.23777 3.99334 10.3133 4.79829 11.1758C4.99774 11.3895 5.19819 11.587 5.39877 11.7847L5.41908 11.8047C5.62105 12.0038 5.82975 12.21 6.01237 12.4143C6.35794 12.801 6.75 13.3276 6.75 14C6.75 14.4142 6.41421 14.75 6 14.75H2C1.58579 14.75 1.25 14.4142 1.25 14C1.25 13.5858 1.58579 13.25 2 13.25H4.74168C4.63079 13.1344 4.50615 13.0111 4.36608 12.873L4.3396 12.8469C4.14335 12.6535 3.92302 12.4364 3.70171 12.1992C2.75666 11.1867 1.75 9.76223 1.75 7.5C1.75 3.90715 4.40715 1.25 8 1.25C11.5929 1.25 14.25 3.90715 14.25 7.5C14.25 9.79963 13.0802 11.2341 12.013 12.2347C11.7609 12.471 11.5099 12.6874 11.2855 12.8809L11.2555 12.9068C11.1114 13.0311 10.9811 13.1439 10.8635 13.25H14C14.4142 13.25 14.75 13.5858 14.75 14C14.75 14.4142 14.4142 14.75 14 14.75H9.5C9.08579 14.75 8.75 14.4142 8.75 14C8.75 13.2894 9.21903 12.7515 9.60028 12.3782C9.80766 12.1751 10.0448 11.9701 10.2758 11.7709L10.2993 11.7507C10.5283 11.5531 10.7583 11.3548 10.987 11.1403C11.9198 10.2659 12.75 9.20037 12.75 7.5C12.75 4.73558 10.7644 2.75 8 2.75Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}