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

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

@@ -1,20 +0,0 @@
-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/PoundIcon.tsx

@@ -1,14 +0,0 @@
-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/RhoIcon.tsx

@@ -1,18 +0,0 @@
-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/RoundBracketLeftIcon/RoundBracketLeftIcon.tsx

@@ -1,18 +0,0 @@
-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/RoundBracketRightIcon.tsx

@@ -1,18 +0,0 @@
-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/SigmaIcon.tsx

@@ -1,16 +0,0 @@
-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/SigmaSumIcon.tsx

@@ -1,16 +0,0 @@
-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/SlashIcon.tsx

@@ -1,16 +0,0 @@
-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/SquarePowerIcon.tsx

@@ -1,17 +0,0 @@
-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/SquarePowerIcon copy/SquarePowerIcon.tsx

@@ -1,17 +0,0 @@
-import React from 'react'
-import { IconProps } from '../../icon.types'
-import Svg, { Path, Rect } from 'react-native-svg'
-
-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/SquareRootIcon/SquareRootIcon.tsx

@@ -1,16 +0,0 @@
-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/SubsetIcon.tsx

@@ -1,16 +0,0 @@
-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/SubtractionIcon.tsx

@@ -1,16 +0,0 @@
-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/ThetaIcon.tsx

@@ -1,16 +0,0 @@
-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/TildeIcon.tsx

@@ -1,18 +0,0 @@
-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/UnderlinedOneIcon.tsx

@@ -1,17 +0,0 @@
-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/UnderlinedTenIcon.tsx

@@ -1,20 +0,0 @@
-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/UnderlinedUIcon.tsx

@@ -1,20 +0,0 @@
-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/UnionIcon.tsx

@@ -1,14 +0,0 @@
-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/XIcon.tsx

@@ -1,14 +0,0 @@
-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/YIcon.tsx

@@ -1,15 +0,0 @@
-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/YenIcon.tsx

@@ -1,14 +0,0 @@
-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>
-  )
-}

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

@@ -1,14 +0,0 @@
-import React from 'react'
-import { IconProps } from '../../icon.types'
-import Svg, { Path } from 'react-native-svg'
-
-export const ZIcon = ({ size = 20, color }: IconProps) => {
-  return (
-    <Svg width={size} height={size} viewBox="0 0 17 17" fill="none">
-      <Path
-        d="M6.51278 12.7846H11.3288L11.0088 14.1926H3.98478L4.30478 12.8486L10.0008 7.56863H5.63278L5.96878 6.16063H12.6088L12.3048 7.50463L6.51278 12.7846Z"
-        fill={color}
-      />
-    </Svg>
-  )
-}