@magmamath/students-features 0.9.0-rc2 → 0.9.0-rc20

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

@@ -1,19 +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"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
+    <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>
+    </Svg>
   )
 }

package/src/shared/icons/MATH/EmptyIcon/EmptyIcon.tsx

@@ -1,23 +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"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
+    <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>
+    </Svg>
   )
 }

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

@@ -1,21 +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"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
+    <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>
+    </Svg>
   )
 }

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

@@ -1,27 +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"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
+    <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
+      <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>
+    </Svg>
   )
 }

package/src/shared/icons/MATH/EtaIcon/EtaIcon.tsx

@@ -1,23 +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"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
+    <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>
+    </Svg>
   )
 }

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

@@ -1,19 +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"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
+    <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>
+    </Svg>
   )
 }

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

@@ -1,25 +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"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <rect x="5.38" y="0.959961" width="9.24" height="9.24" rx="1.548" stroke={extraColor} />
-      <path
+    <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>
+      <Rect x="5.38" y="15.8" width="9.24" height="9.24" rx="1.548" stroke={extraColor} />
+    </Svg>
   )
 }

package/src/shared/icons/MATH/GammaIcon/GammaIcon.tsx

@@ -1,23 +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"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
+    <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>
+    </Svg>
   )
 }

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

@@ -1,21 +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"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
+    <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>
+    </Svg>
   )
 }

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

@@ -1,27 +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"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
+    <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
+      <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>
+    </Svg>
   )
 }

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

@@ -1,21 +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"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
+    <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>
+    </Svg>
   )
 }

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

@@ -1,21 +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"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
+    <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>
+    </Svg>
   )
 }

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

@@ -1,19 +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"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
+    <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>
+    </Svg>
   )
 }

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

@@ -1,23 +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"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
+    <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
+      <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>
+    </Svg>
   )
 }

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

@@ -1,21 +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"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
+    <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>
+    </Svg>
   )
 }

package/src/shared/icons/MATH/LessThanIcon/LessThanIcon.tsx

@@ -1,21 +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"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
+    <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>
+    </Svg>
   )
 }

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

@@ -1,27 +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"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
+    <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
+      <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>
+    </Svg>
   )
 }

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

@@ -1,23 +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"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
+    <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
+      <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>
+    </Svg>
   )
 }

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

@@ -1,21 +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"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
+    <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>
+    </Svg>
   )
 }

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

@@ -1,19 +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"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
+    <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>
+    </Svg>
   )
 }

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

@@ -1,21 +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"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
+    <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>
+    </Svg>
   )
 }