@pagopa/io-app-design-system 1.0.0-0

package/src/components/icons/svg/IconPEC.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconPEC = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M5 0C2.23858 0 0 2.23858 0 5v10c0 2.7614 2.23858 5 5 5h10c.5523 0 1-.4477 1-1s-.4477-1-1-1H5c-1.65685 0-3-1.3431-3-3V5c0-.46315.10495-.90178.29237-1.29342L10.5858 12c.781.7811 2.0474.781 2.8284 0l8.2934-8.29342C21.895 4.09822 22 4.53685 22 5v3c0 .55229.4477 1 1 1s1-.44771 1-1V5c0-2.76142-2.2386-5-5-5H5ZM3.70658 2.29237C4.09822 2.10495 4.53685 2 5 2h14c.4631 0 .9018.10495 1.2934.29237L12 10.5858 3.70658 2.29237ZM20 16c1.1046 0 2-.8954 2-2s-.8954-2-2-2-2 .8954-2 2 .8954 2 2 2Zm4-2c0 1.4806-.8044 2.7733-2 3.4649v3.828c0 .3905-.3166.7071-.7071.7071a.70713.70713 0 0 1-.4996-.2067l-.0004-.0004-.5-.5-.2656-.2656L20 21l-.0273.0273-.2656.2656-.5.5-.0003.0003a.70704.70704 0 0 1-.4997.2068c-.3905 0-.7071-.3166-.7071-.7071v-3.828c-1.1956-.6916-2-1.9843-2-3.4649 0-2.2091 1.7909-4 4-4 2.2091 0 4 1.7909 4 4Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconPEC;

package/src/components/icons/svg/IconPSP.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconPSP = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M.9995 12.9945C.44722 12.9943-.00027 12.5463 0 11.994a12.00002 12.00002 0 0 1 20.5-8.46455v-1.0295c0-.55228.4477-1 1-1s1 .44772 1 1v3.5a.99997.99997 0 0 1-1 1H18c-.5523 0-1-.44772-1-1s.4477-1 1-1h1.1414A10 10 0 0 0 2 11.995c-.00027.5523-.44821.9998-1.0005.9995ZM24 12.006c.0003-.5523-.4472-1.0003-.9995-1.0005-.5523-.0003-1.0002.4472-1.0005.9995a10.00034 10.00034 0 0 1-1.9878 5.9787 10.0006 10.0006 0 0 1-5.1683 3.6034 9.99992 9.99992 0 0 1-6.29728-.2023A10.00062 10.00062 0 0 1 4.85861 19H6c.55228 0 1-.4477 1-1 0-.5522-.44772-1-1-1H2.5c-.26522 0-.51957.1054-.70711.2929A1.0001 1.0001 0 0 0 1.5 18v3.5c0 .5523.44771 1 1 1 .55228 0 1-.4477 1-1v-1.0295a11.99855 11.99855 0 0 0 4.35595 2.7912 11.9998 11.9998 0 0 0 7.55665.2428c2.4793-.7354 4.6546-2.2521 6.2021-4.3241A12.00001 12.00001 0 0 0 24 12.006ZM12.8057 8.411a3.74994 3.74994 0 0 0-4.13036 1.39806 3.7515 3.7515 0 0 0-.39353.69094h3.43689c.4143 0 .75.3358.75.75s-.3357.75-.75.75H7.96875c0 .2532.02563.5044.07576.75h3.67419c.4143 0 .75.3358.75.75s-.3357.75-.75.75H8.71875a3.75036 3.75036 0 0 0 1.77295 1.2936 3.75037 3.75037 0 0 0 2.289.0529 3.75045 3.75045 0 0 0 1.8931-1.2878c.255-.3264.7263-.3842 1.0527-.1292s.3843.7263.1293 1.0527a5.25005 5.25005 0 0 1-2.6504 1.8029 5.24931 5.24931 0 0 1-3.2045-.0741 5.2501 5.2501 0 0 1-3.02557-2.711h-.50658c-.41422 0-.75-.3358-.75-.75s.33578-.75.75-.75h.05384a5.25096 5.25096 0 0 1-.05384-.75c-.41422 0-.75-.3358-.75-.75s.33578-.75.75-.75h.21884a5.25011 5.25011 0 0 1 3.34791-3.47286 5.24998 5.24998 0 0 1 3.205-.05174 5.24994 5.24994 0 0 1 2.6378 1.82134c.2527.32817.1915.79909-.1366 1.05182-.3282.25274-.7991.19154-1.0519-.13661A3.74976 3.74976 0 0 0 12.8057 8.411Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconPSP;

package/src/components/icons/svg/IconPhone.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconPhone = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      d="M12.8468.99278c0-.26288.1045-.515.2903-.70088a.99123.99123 0 0 1 .7009-.29032c2.628.00289 5.1474 1.04811 7.0057 2.90634 1.8582 1.85824 2.9034 4.37771 2.9063 7.00565a.99117.99117 0 0 1-.2903.70093.99158.99158 0 0 1-.7009.2903.99158.99158 0 0 1-.7009-.2903.99117.99117 0 0 1-.2903-.70093c-.0024-2.10233-.8386-4.11789-2.3251-5.60446-1.4866-1.48657-3.5021-2.32277-5.6045-2.32513a.99122.99122 0 0 1-.7009-.29032.99153.99153 0 0 1-.2903-.70088Zm.9912 4.95599c1.0516 0 2.06.41772 2.8036 1.16126a3.96494 3.96494 0 0 1 1.1612 2.80354c0 .26293.1044.51503.2903.70093.1859.1858.438.2903.7009.2903.2629 0 .515-.1045.7009-.2903a.99117.99117 0 0 0 .2903-.70093c-.0016-1.57681-.6286-3.08859-1.7436-4.20356-1.115-1.11498-2.6268-1.74206-4.2036-1.74363a.99125.99125 0 0 0-.7009.29031.99155.99155 0 0 0-.2903.70089c0 .26288.1045.51499.2903.70088a.99125.99125 0 0 0 .7009.29031Zm9.013 10.64453c.5744.576.897 1.3562.897 2.1697 0 .8135-.3226 1.5937-.897 2.1697l-.902 1.0398C13.8311 29.7445-5.92347 9.99485 1.72857 1.85116l1.13988-.9912a3.05388 3.05388 0 0 1 4.28891.03965c.03073.03073 1.86741 2.41654 1.86741 2.41654a3.07272 3.07272 0 0 1-.00693 4.24431L7.87003 9.00365A12.66795 12.66795 0 0 0 14.74 15.8875l1.4521-1.1547a3.07266 3.07266 0 0 1 4.2433-.006s2.3849 1.8357 2.4156 1.8665Zm-1.3639 1.4412s-2.3719-1.8248-2.4027-1.8556a1.09046 1.09046 0 0 0-.7676-.316c-.2876 0-.5635.1136-.7677.316-.0268.0278-2.026 1.6206-2.026 1.6206a.9909.9909 0 0 1-.4653.204.99167.99167 0 0 1-.5051-.0533 14.8766 14.8766 0 0 1-5.32093-3.4146 14.87736 14.87736 0 0 1-3.42244-5.31587.99125.99125 0 0 1 .14372-.9912s1.59286-2.00024 1.61962-2.02601a1.09031 1.09031 0 0 0 0-1.53537C7.54194 4.63742 5.71715 2.2635 5.71715 2.2635a1.09037 1.09037 0 0 0-.75604-.27819 1.09035 1.09035 0 0 0-.74067.31684l-1.13988.9912C-2.51177 10.0176 14.6072 26.1871 20.4999 20.6185l.9029-1.0407c.2116-.196.3387-.4666.3545-.7546a1.1112 1.1112 0 0 0-.2702-.7887Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconPhone;

package/src/components/icons/svg/IconPinOff.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconPinOff = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="m17.122 2.293 4.596 4.596a1 1 0 0 1 0 1.414.847.847 0 0 1-.54.27 1.205 1.205 0 0 1-.692-.173c-.97-.55-2.664-.808-3.9.428l-1.154 1.154c-.943.943-1.079 2.29-.65 3.345a6.572 6.572 0 0 1-1.438 7.129.43.43 0 0 1-.61 0l-9.29-9.29a.43.43 0 0 1 0-.61 6.572 6.572 0 0 1 7.224-1.4c1.062.453 2.433.329 3.39-.629l-1.414-1.414 1.415 1.414 1.113-1.113c1.236-1.236.976-2.928.433-3.895a1.194 1.194 0 0 1-.167-.687.853.853 0 0 1 .27-.54 1 1 0 0 1 1.414 0ZM6.018 16.567 2.03 12.58a2.43 2.43 0 0 1 0-3.437 8.572 8.572 0 0 1 9.422-1.825c.405.172.881.107 1.192-.204L13.757 6c.39-.39.375-1.02.104-1.501-.648-1.154-.601-2.587.432-3.62a3 3 0 0 1 4.243 0l4.596 4.596a3 3 0 0 1 0 4.243c-1.04 1.04-2.477 1.077-3.632.422-.48-.272-1.11-.288-1.5.102l-1.154 1.154c-.306.307-.375.774-.211 1.176a8.572 8.572 0 0 1-1.877 9.298 2.43 2.43 0 0 1-3.437 0l-3.888-3.888-5.726 5.725a1 1 0 0 1-1.414-1.414l5.725-5.726Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconPinOff;

package/src/components/icons/svg/IconPinOn.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconPinOn = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      d="m18.536.879 4.596 4.596a3 3 0 0 1 0 4.243c-1.04 1.04-2.476 1.077-3.632.422-.48-.272-1.11-.288-1.5.102l-1.154 1.154c-.306.307-.375.774-.21 1.176a8.572 8.572 0 0 1-1.878 9.298 2.43 2.43 0 0 1-3.437 0l-3.888-3.888-5.726 5.725a1 1 0 0 1-1.414-1.414l5.725-5.726L2.03 12.58a2.43 2.43 0 0 1 0-3.437 8.572 8.572 0 0 1 9.422-1.825c.405.172.881.107 1.193-.204L13.758 6c.39-.39.374-1.02.103-1.501-.648-1.154-.601-2.587.432-3.62a3 3 0 0 1 4.243 0Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconPinOn;

package/src/components/icons/svg/IconProductIOApp.tsx

@@ -0,0 +1,31 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconProductIOApp = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path d="M2.5 2a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Z" fill="currentColor" />
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M23.5 14c0 4.418-3.582 8-7.619 8-4.8 0-8.381-3.582-8.381-8s3.582-8 8.381-8c4.037 0 7.619 3.582 7.619 8Zm-6.035-.84h1.065v-1.048h-1.057v-1.267h-1.157v4.216c0 .667.092 1.122.283 1.365.184.252.537.374 1.058.374.2 0 .498-.049.881-.138l-.054-.975-.659.016c-.114 0-.199-.024-.252-.081a.328.328 0 0 1-.092-.195 4.118 4.118 0 0 1-.016-.39V13.16Zm-3.486-1.04v4.574h1.157v-4.573h-1.157Zm-1.737-.113c.203 0 .374.068.506.204a.692.692 0 0 1 .194.507.675.675 0 0 1-.194.5.684.684 0 0 1-.498.189.693.693 0 0 1-.708-.704.72.72 0 0 1 .195-.5.672.672 0 0 1 .505-.196Z"
+      fill="currentColor"
+    />
+    <Path
+      d="M4.5 11.5a2 2 0 1 0-4 0V20a2 2 0 1 0 4 0v-8.5ZM2.5 2a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Z"
+      fill="currentColor"
+    />
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M23.5 14c0 4.418-3.582 8-7.619 8-4.8 0-8.381-3.582-8.381-8s3.582-8 8.381-8c4.037 0 7.619 3.582 7.619 8Zm-6.035-.84h1.065v-1.048h-1.057v-1.267h-1.157v4.216c0 .667.092 1.122.283 1.365.184.252.537.374 1.058.374.2 0 .498-.049.881-.138l-.054-.975-.659.016c-.114 0-.199-.024-.252-.081a.328.328 0 0 1-.092-.195 4.118 4.118 0 0 1-.016-.39V13.16Zm-3.486-1.04v4.574h1.157v-4.573h-1.157Zm-1.737-.113c.203 0 .374.068.506.204a.692.692 0 0 1 .194.507.675.675 0 0 1-.194.5.684.684 0 0 1-.498.189.693.693 0 0 1-.708-.704.72.72 0 0 1 .195-.5.672.672 0 0 1 .505-.196Z"
+      fill="currentColor"
+    />
+    <Path
+      d="M4.5 11.5a2 2 0 1 0-4 0V20a2 2 0 1 0 4 0v-8.5Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconProductIOApp;

package/src/components/icons/svg/IconProductIOAppBlueBg.tsx

@@ -0,0 +1,22 @@
+import React from "react";
+import { Svg, Path, G, Mask, Rect } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconProductIOAppBlueBg = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Rect width={size} height={size} fill="#0B3EE3" rx="4" />
+    <Mask id="a" width={size} height={size} x="6" y="7">
+      <Path
+        fill="#fff"
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.25 7c.69036 0 1.25.55964 1.25 1.25S7.94036 9.5 7.25 9.5 6 8.94036 6 8.25 6.55964 7 7.25 7Zm10.5 6c0 2.2091-1.7909 4-3.8095 4-2.3996 0-4.1905-1.7909-4.1905-4 0-2.2091 1.7909-4 4.1905-4 2.0186 0 3.8095 1.7909 3.8095 4Zm-9.5-1.25c0-.5523-.44772-1-1-1s-1 .4477-1 1V16c0 .5523.44772 1 1 1s1-.4477 1-1v-4.25Zm6.4826.8302h.5326v-.524h-.5287v-.6337h-.5785v2.1082c0 .3331.0459.5606.1417.6824.092.1259.2682.1869.5287.1869.0996 0 .249-.0244.4406-.0691l-.0268-.4874-.3295.0081c-.0575 0-.0996-.0122-.1264-.0406-.0268-.0285-.0422-.061-.046-.0975-.0038-.0406-.0077-.1016-.0077-.195v-.9383Zm-1.7431-.52v2.287h.5785v-2.287h-.5785Zm-.8683-.0568c.1011 0 .1867.034.2528.1021.0661.0681.0972.1514.0972.2536 0 .1021-.0311.1816-.0972.2497-.0623.0605-.1439.0946-.2489.0946-.1011 0-.1867-.0341-.2528-.1022-.0661-.0681-.1011-.1513-.1011-.2497 0-.0984.035-.1816.0972-.2497.0661-.0682.1517-.0984.2528-.0984Z"
+      />
+    </Mask>
+    <G mask="url(#a)">
+      <Path fill="#fff" d="M-13-13h50v50h-50z" />
+    </G>
+  </Svg>
+);
+
+export default IconProductIOAppBlueBg;

package/src/components/icons/svg/IconProductPagoPA.tsx

@@ -0,0 +1,18 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconProductPagoPA = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 32 32" style={style} {...props}>
+    <Path
+      d="m22.551 11.358-.009 2.675h-1.956V5h3.617c1.163 0 1.753.314 1.762.941v4.41c0 .628-.563.933-1.697.933H22.56v.074h-.01ZM24 6.043h-1.467v4.189H24v-4.19ZM1.652 14.043l-.01 2.676H0V7.685h3.027c.978 0 1.467.314 1.476.941v4.41c0 .628-.47.933-1.421.933h-1.43v.074ZM2.87 8.737H1.642v4.19H2.87v-4.19ZM9.56 13.969H6.44c-.913 0-1.374-.314-1.374-.941l.009-1.837c0-.618.47-.932 1.421-.94h1.43V8.736H6.7l-.01.83H5.085v-.94c0-.619.48-.923 1.44-.923l1.605-.019c.95 0 1.43.314 1.43.932v5.352Zm-2.852-1.052h1.237l-.01-1.615H6.708v1.615ZM13.149 13.969h-1.44c-.95 0-1.42-.314-1.42-.932v-4.41c.009-.628.498-.942 1.476-.942h3.026v8.102c0 .627-.48.94-1.43.94h-1.633c-.95 0-1.43-.313-1.43-.94v-.932h1.633v.83h1.227v-1.642l-.01-.074Zm-1.227-1.052h1.227v-4.18h-1.227v4.18ZM19.848 13.028c-.01.627-.498.932-1.477.932h-1.587c-.96 0-1.44-.314-1.44-.932v-4.41c0-.628.48-.933 1.44-.933h1.634c.95 0 1.42.314 1.42.932v4.41h.01Zm-1.624-4.291h-1.237v4.19h1.228l.009-4.19Z"
+      fill="currentColor"
+    />
+    <Path
+      d="M31.99 5.987c0-.627-.562-.932-1.697-.932h-1.956c-1.144 0-1.716.314-1.716.932v8.065h1.956v-2.759h1.476V13.6c0 5.905-4.77 10.676-10.676 10.676a10.694 10.694 0 0 1-8.433-4.116l.978-.747-3.931-2.648.175 5.582 1.255-.996a12.614 12.614 0 0 0 9.956 4.853C26.353 26.204 32 20.548 32 13.581l-.01-7.594Zm-1.946 4.254h-1.477V6.09h1.477v4.152Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconProductPagoPA;

package/src/components/icons/svg/IconProfile.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconProfile = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M5 9c0-3.86599 3.13401-7 7-7 3.866 0 7 3.13401 7 7 0 3.866-3.134 7-7 7-3.86599 0-7-3.134-7-7Zm7-9C7.02944 0 3 4.02944 3 9c0 1.7438.49592 3.3717 1.35442 4.7505C1.69462 15.9515 0 19.2778 0 23c0 .5522.44771 1 1 1 .55228 0 1-.4478 1-1 0-3.0854 1.39729-5.8444 3.5936-7.6788C7.22552 16.975 9.49306 18 12 18c2.5069 0 4.7745-1.025 6.4064-2.6788C20.6027 17.1556 22 19.9146 22 23c0 .5522.4477 1 1 1s1-.4478 1-1c0-3.7222-1.6946-7.0485-4.3544-9.2495C20.5041 12.3717 21 10.7438 21 9c0-4.97056-4.0294-9-9-9Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconProfile;

package/src/components/icons/svg/IconProfileAlt.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconProfileAlt = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      d="M12.263 11.421a4.632 4.632 0 1 0 0-9.263 4.632 4.632 0 0 0 0 9.263Zm0 1.158a5.79 5.79 0 1 1 0-11.579 5.79 5.79 0 0 1 0 11.579ZM4.158 23H3a9.263 9.263 0 1 1 18.526 0h-1.158a8.105 8.105 0 1 0-16.21 0Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconProfileAlt;

package/src/components/icons/svg/IconProfileFilled.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconProfileFilled = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M3 9c0-4.97056 4.02944-9 9-9 4.9706 0 9 4.02944 9 9 0 1.7438-.4959 3.3717-1.3544 4.7505C22.3054 15.9515 24 19.2778 24 23c0 .5522-.4477 1-1 1s-1-.4478-1-1c0-3.0854-1.3973-5.8444-3.5936-7.6788C16.7745 16.975 14.5069 18 12 18c-2.50694 0-4.77448-1.025-6.4064-2.6788C3.39729 17.1556 2 19.9146 2 23c0 .5522-.44772 1-1 1-.55229 0-1-.4478-1-1 0-3.7222 1.69462-7.0485 4.35442-9.2495C3.49592 12.3717 3 10.7438 3 9Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconProfileFilled;

package/src/components/icons/svg/IconQrCode.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconQrCode = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M0 3a3 3 0 0 1 3-3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3Zm3-1a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3ZM0 16a3 3 0 0 1 3-3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3v-5Zm3-1a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1H3ZM16 0a3 3 0 0 0-3 3v5a3 3 0 0 0 3 3h5a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3h-5Zm-1 3a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1V3Zm-1.5 13.681a.5.5 0 0 1-.5-.5V13.5a.5.5 0 0 1 .5-.5h2.637a.5.5 0 0 1 .5.5v3.181H13.5Zm6.819 0h-3.682v3.637H13.5a.5.5 0 0 0-.5.5V23.5a.5.5 0 0 0 .5.5h3.137v-3.681h3.681V24H23.5a.5.5 0 0 0 .5-.5v-3.181h-3.681v-3.637Zm0 0V13.5a.5.5 0 0 1 .5-.5H23.5a.5.5 0 0 1 .5.5v3.181h-3.681ZM5 4a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H5ZM4 18a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-1ZM18 4a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1h-1Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconQrCode;

package/src/components/icons/svg/IconQuestion.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconQuestion = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M6 8c0-3.31371 2.68629-6 6-6 3.3137 0 6 2.68629 6 6 0 2.7248-1.8172 5.0278-4.3079 5.7583C12.3754 14.1446 11 15.2973 11 17v1c0 .5523.4477 1 1 1s1-.4477 1-1v-1c0-.5064.452-1.087 1.255-1.3225C17.5744 14.7039 20 11.6365 20 8c0-4.41828-3.5817-8-8-8-4.41828 0-8 3.58172-8 8 0 .55228.44772 1 1 1s1-.44772 1-1Zm7.5 14.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconQuestion;

package/src/components/icons/svg/IconRefund.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconRefund = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M3.5 1.50002v2.02943a11.99995 11.99995 0 0 1 17.3502.36667 11.99962 11.99962 0 0 1 3.0426 6.50368 11.99893 11.99893 0 0 1-1.2153 7.0765 11.99986 11.99986 0 0 1-5.038 5.116 12.00093 12.00093 0 0 1-7.0571 1.3237 12.0008 12.0008 0 0 1-6.54956-2.9424c-.413-.3667-.45055-.9988-.08387-1.4118.36668-.413.99873-.4505 1.41173-.0838a9.99994 9.99994 0 0 0 5.458 2.452 10.00032 10.00032 0 0 0 5.8809-1.1031 10 10 0 0 0 4.1983-4.2633 9.99951 9.99951 0 0 0 1.0128-5.8971 9.99999 9.99999 0 0 0-2.5355-5.41974 10.0002 10.0002 0 0 0-5.1759-3.00192 10.00016 10.00016 0 0 0-5.96336.49061 9.99978 9.99978 0 0 0-3.3774 2.26457H7c.55228 0 1 .44771 1 1 0 .55228-.44772 1-1 1H2.5a1 1 0 0 1-1-1v-4.5c0-.55229.44772-1 1-1s1 .44771 1 1ZM12.8062 8.411a3.75 3.75 0 0 0-2.2893.03696A3.75019 3.75019 0 0 0 8.2823 10.5h3.4369c.4142 0 .75.3358.75.75s-.3358.75-.75.75H7.96924c0 .2532.02563.5044.07576.75h3.6742c.4142 0 .75.3358.75.75s-.3358.75-.75.75H8.71924a3.7503 3.7503 0 0 0 1.77296 1.2936 3.75037 3.75037 0 0 0 2.289.0529 3.75045 3.75045 0 0 0 1.8931-1.2878c.255-.3264.7263-.3842 1.0527-.1292s.3843.7263.1293 1.0527a5.25005 5.25005 0 0 1-2.6504 1.8029 5.24965 5.24965 0 0 1-3.2046-.0741 5.25028 5.25028 0 0 1-3.02548-2.711h-.50658c-.41422 0-.75-.3358-.75-.75s.33578-.75.75-.75h.05384a5.24991 5.24991 0 0 1-.05384-.75c-.41422 0-.75-.3358-.75-.75s.33578-.75.75-.75h.21884A5.25008 5.25008 0 0 1 10.036 7.02715a5.2499 5.2499 0 0 1 3.205-.05175 5.25037 5.25037 0 0 1 2.6378 1.82134c.2527.32818.1915.7991-.1367 1.05183-.3281.25273-.799.19153-1.0518-.13661A3.74984 3.74984 0 0 0 12.8062 8.411Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconRefund;

package/src/components/icons/svg/IconReload.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconReload = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M20.5 3.52945V1.50002c0-.55229.4477-1 1-1s1 .44771 1 1v4.5c0 .26521-.1054.51957-.2929.7071a.99994.99994 0 0 1-.7071.2929L17 7.00001c-.5523 0-1-.44771-1-1 0-.55228.4477-1 1-1l2.1415.00001a10.00086 10.00086 0 0 0-3.3774-2.26457A10.00004 10.00004 0 0 0 4.6248 5.24676a9.99995 9.99995 0 0 0-2.53547 5.41974 9.99986 9.99986 0 0 0 1.01273 5.8971A9.99994 9.99994 0 0 0 13.1813 21.93a9.99978 9.99978 0 0 0 5.458-2.452c.413-.3667 1.045-.3292 1.4117.0838s.3292 1.0451-.0838 1.4118a12.0013 12.0013 0 0 1-6.5496 2.9424 12.00094 12.00094 0 0 1-7.05709-1.3237 12.00006 12.00006 0 0 1-5.03804-5.116 11.99975 11.99975 0 0 1-1.21528-7.0765 11.99992 11.99992 0 0 1 3.04257-6.50368A11.99992 11.99992 0 0 1 9.36088.29382 11.99986 11.99986 0 0 1 20.5 3.52945Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconReload;

package/src/components/icons/svg/IconSave.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconSave = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M18.7071 8.29289c.3905.39053.3905 1.02369 0 1.41422l-6 5.99999c-.3905.3905-1.0237.3905-1.4142 0L5.29289 9.70711c-.39052-.39053-.39052-1.02369 0-1.41422.39053-.39052 1.02369-.39052 1.41422 0L11 12.5858V1c0-.55228.4477-1 1-1s1 .44772 1 1v11.5858l4.2929-4.29291c.3905-.39052 1.0237-.39052 1.4142 0ZM2 18c0-.5523-.44772-1-1-1-.55229 0-1 .4477-1 1v1c0 2.7619 2.24066 5 5.00157 5H18.9984C21.7593 24 24 21.7619 24 19v-1c0-.5523-.4477-1-1-1s-1 .4477-1 1v1c0 1.6563-1.3442 3-3.0016 3H5.00157C3.3442 22 2 20.6563 2 19v-1Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconSave;

package/src/components/icons/svg/IconSearch.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconSearch = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M2 11c0-4.97056 4.02944-9 9-9 4.9706 0 9 4.02944 9 9 0 4.9706-4.0294 9-9 9-4.97056 0-9-4.0294-9-9Zm9-11C4.92487 0 0 4.92487 0 11c0 6.0751 4.92487 11 11 11 2.6775 0 5.1316-.9566 7.0391-2.5468l4.2539 4.2539c.3906.3906 1.0237.3906 1.4143 0 .3905-.3905.3905-1.0237 0-1.4142l-4.254-4.2539C21.0434 16.1315 22 13.6775 22 11c0-6.07513-4.9249-11-11-11Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconSearch;

package/src/components/icons/svg/IconSecurity.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconSecurity = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="m12.316.05173 6.265 2.089a4.99323 4.99323 0 0 1 2.4764 1.81871A4.9932 4.9932 0 0 1 22 6.88373v5.11697c0 7.563-9.2 11.74-9.594 11.914a.99966.99966 0 0 1-.406.0862.99966.99966 0 0 1-.406-.0862C11.2 23.7407 2 19.5637 2 12.0007V6.88373a4.99297 4.99297 0 0 1 3.419-4.743l6.265-2.089a1 1 0 0 1 .632 0ZM12 21.8897c1.681-.856 8-4.434 8-9.889V6.88373a3.00028 3.00028 0 0 0-.5666-1.75426 2.99978 2.99978 0 0 0-1.4854-1.09174L12 2.05473l-5.948 1.983A3.00003 3.00003 0 0 0 4 6.88373v5.11697c0 5.469 6.317 9.036 8 9.889Zm4.7071-11.1826c.3905-.3905.3905-1.02368 0-1.41421-.3905-.39052-1.0237-.39052-1.4142 0L11 13.5858l-2.29289-2.2929c-.39053-.3905-1.02369-.3905-1.41422 0-.39052.3905-.39052 1.0237 0 1.4142L9.58579 15c.78101.7811 2.04741.781 2.82841 0l4.2929-4.2929Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconSecurity;

package/src/components/icons/svg/IconSelfCertification.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconSelfCertification = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M9.024 16.616H7.49c-1.485 0-2.688 1.25-2.688 2.794 0 .445.106.883.307 1.277l-.691.718-2.432.532.512-2.527 1.536-1.597c.334-.214.616-.507.821-.854L17.121 4.21l1.92 1.996-10.017 10.41Zm3.906 0h-1.734l3.122-3.244.897.869-2.285 2.375Zm-3.773-6.385-3.023 3.141.834-2.458 1.114-.683h1.075ZM1.76 15.275l2.842-8.309 8.876-1.23-2.786 2.898h-3.03L5.705 9.836 3.66 15.869a.956.956 0 0 1-.066.143l-.482.5a.93.93 0 0 1-.405.104c-.548 0-.991-.46-.991-1.03 0-.105.015-.21.046-.31ZM19.266 1.981a1.352 1.352 0 0 1 1.92 0c.53.551.53 1.444 0 1.995l-1.059 1.101-1.92-1.995 1.06-1.101Zm2.358 7.452H24V7.836h-2.083l-1.628-.67 1.983-2.061a3.096 3.096 0 0 0 0-4.253 2.882 2.882 0 0 0-4.092 0l-2.91 3.025L3.466 5.514.309 14.756c-.42 1.288.186 2.694 1.389 3.227l-.608.63L0 24l5.185-1.133.998-1.034c.397.239.847.366 1.306.37h7.434l6.144-2.394H24v-1.597h-3.21l-6.145 2.395H7.49c-.637 0-1.152-.536-1.152-1.197 0-.662.515-1.198 1.152-1.198h6.077l3.86-4.01-2.021-1.96 3.7-3.847 2.519 1.038Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconSelfCertification;

package/src/components/icons/svg/IconShareAndroid.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconShareAndroid = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M21 5c0 1.10457-.8954 2-2 2-.4502 0-.8657-.14875-1.1999-.39978C17.3143 6.23534 17 5.65437 17 5v-.00021C17.0001 3.89531 17.8955 3 19 3c1.1046 0 2 .89543 2 2Zm-2 4c-1.2039 0-2.2836-.53189-3.0169-1.37349L8.91208 11.162C8.96969 11.4322 9 11.7126 9 12c0 .2878-.03039.5685-.08814.839l7.06724 3.5391C16.7125 15.5338 17.7939 15 19 15c2.2091 0 4 1.7909 4 4 0 2.2091-1.7909 4-4 4-2.2091 0-4-1.7909-4-4 0-.2853.0299-.5637.0867-.8321l-7.07044-3.5406C7.28296 15.4684 6.20356 16 5 16c-2.20914 0-4-1.7909-4-4 0-2.20914 1.79086-4 4-4 1.20393 0 2.28363.53189 3.01694 1.3735l7.07096-3.53549C15.0303 5.56777 15 5.28742 15 5c0-2.20914 1.7909-4 4-4 2.2091 0 4 1.79086 4 4s-1.7909 4-4 4ZM6.1999 10.3998C5.86565 10.1487 5.4502 10 5 10c-1.10457 0-2 .8954-2 2s.89543 2 2 2c.4502 0 .86565-.1487 1.1999-.3998C6.68573 13.2353 7 12.6544 7 12c0-.6544-.31426-1.2353-.8001-1.6002Zm10.8403 8.1992A2.00734 2.00734 0 0 0 17 19c0 1.1046.8954 2 2 2s2-.8954 2-2-.8954-2-2-2c-.5989 0-1.1363.2632-1.5028.6803-.2255.2565-.3863.5713-.457.9187Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconShareAndroid;

package/src/components/icons/svg/IconShareiOs.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconShareiOs = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M18.768 6.338a1 1 0 0 1-1.408.129L12.984 2.82c.01.058.016.119.016.18v12a1 1 0 1 1-2 0V3c0-.061.006-.122.016-.18L6.64 6.467A1 1 0 1 1 5.36 4.93L10.72.464a2 2 0 0 1 2.56 0l5.36 4.466a1 1 0 0 1 .128 1.408ZM12 2Zm12 6.007a1 1 0 0 0-2-.014l-.08 11.029a3 3 0 0 1-3 2.978H5a3 3 0 0 1-3-3V8a1 1 0 1 0-2 0v11a5 5 0 0 0 5 5h13.92a5 5 0 0 0 5-4.963L24 8.007Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconShareiOs;

package/src/components/icons/svg/IconSpid.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconSpid = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12 24c6.629 0 12-5.371 12-12S18.629 0 12 0C5.375 0 0 5.371 0 12s5.375 12 12 12Zm.033-10.97c-.997 0-1.818-.336-2.463-1.014-.646-.674-.968-1.51-.968-2.507 0-1.001.322-1.83.964-2.492.64-.662 1.458-.992 2.458-.992.997 0 1.81.334 2.435 1.017.625.678.94 1.51.94 2.511 0 .993-.315 1.822-.94 2.484-.625.657-1.43.992-2.426.992Zm-3.431 4.905c0-1.001.322-1.83.96-2.492.64-.662 1.458-.992 2.467-.992.996 0 1.809.335 2.43 1.017.625.682.94 1.515.94 2.512l-6.797-.045Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconSpid;

package/src/components/icons/svg/IconStarEmpty.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconStarEmpty = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M10.2605 2.03943c.7664-1.35075 2.7127-1.35075 3.4791 0l2.729 4.81004 5.4179 1.10907c1.5215.31145 2.1229 2.16256 1.0751 3.30876l-3.7313 4.0819.6194 5.4954c.174 1.5433-1.4006 2.6873-2.8146 2.045L12 20.6022l-5.03505 2.2874c-1.41396.6423-2.98857-.5017-2.81462-2.045l.61945-5.4954-3.73131-4.0819C-.00935 10.1211.59211 8.26998 2.11356 7.95854l5.41793-1.10907 2.72901-4.81004ZM12 3.02637 9.27102 7.83641a2.00003 2.00003 0 0 1-1.33844.97243L2.51465 9.91791l3.7313 4.08179c.38952.4262.57591.9998.51124 1.5735l-.61944 5.4955 5.03505-2.2874c.5257-.2387 1.1288-.2388 1.6544 0l5.0351 2.2874-.6194-5.4955a2.00015 2.00015 0 0 1 .5112-1.5735l3.7313-4.08179-5.4179-1.10907a1.99973 1.99973 0 0 1-1.3384-.97243L12 3.02637Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconStarEmpty;

package/src/components/icons/svg/IconStarFilled.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconStarFilled = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M10.2576 2.04309c.7663-1.35075 2.7127-1.35075 3.479 0l2.7291 4.81004 5.4179 1.10907c1.5215.31145 2.1229 2.1625 1.0751 3.3088l-3.7313 4.0818.6194 5.4955c.174 1.5432-1.4006 2.6873-2.8146 2.0449l-5.0351-2.2873-5.03508 2.2873c-1.41396.6424-2.98857-.5017-2.81462-2.0449l.61945-5.4955-3.73131-4.0818C-.01228 10.1247.58918 8.27365 2.11063 7.9622l5.41793-1.10907 2.72904-4.81004Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconStarFilled;

package/src/components/icons/svg/IconSuccess.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconSuccess = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M0 12C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12Zm17.707-1.293a1 1 0 0 0-1.414-1.414L10 15.586l-3.293-3.293a1 1 0 0 0-1.414 1.414L8.586 17a2 2 0 0 0 2.828 0l6.293-6.293Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconSuccess;

package/src/components/icons/svg/IconSwitchOff.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconSwitchOff = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M13 1c0-.55229-.4477-1-1-1s-1 .44771-1 1v9.7778c0 .5523.4477 1 1 1s1-.4477 1-1V1ZM5.67971 4.25056c.42799-.34906.49197-.97898.14291-1.40697-.34906-.42799-.97898-.49198-1.40697-.14292A11.99996 11.99996 0 0 0 .68133 15.9859a11.99988 11.99988 0 0 0 11.23487 8.0138c2.4697.0173 4.8846-.728 6.9152-2.134a11.99968 11.99968 0 0 0 4.4305-5.7221c.8528-2.3179.9697-4.8424.3346-7.22918a11.99987 11.99987 0 0 0-3.883-6.10694c-.4231-.35501-1.0539-.29982-1.4089.12325-.355.42308-.2998 1.05383.1233 1.40883a10.00082 10.00082 0 0 1 3.2359 5.08912 10.00003 10.00003 0 0 1-.2789 6.02432 9.99882 9.99882 0 0 1-3.6921 4.7684 10.0003 10.0003 0 0 1-5.7626 1.7784 10.00077 10.00077 0 0 1-5.73723-1.8586A10.00006 10.00006 0 0 1 2.37308 9.294a10 10 0 0 1 3.30663-5.04344Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconSwitchOff;

package/src/components/icons/svg/IconTag.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconTag = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12.8287 1.41417A4.99995 4.99995 0 0 0 9.29318-.05029H5.05054c-2.76143 0-5 2.23857-5 5v4.24264A5.00013 5.00013 0 0 0 1.515 12.7279l9.6066 9.6066c1.9526 1.9526 5.1185 1.9526 7.0711 0l4.2426-4.2427c1.9526-1.9526 1.9526-5.1184 0-7.071l-9.6066-9.60663Zm-3.53552.53554a3.00003 3.00003 0 0 1 2.12132.87868l9.6066 9.60661c1.1716 1.1716 1.1716 3.0711 0 4.2426l-4.2426 4.2427c-1.1716 1.1715-3.0711 1.1715-4.2427 0l-9.60658-9.6066a3.00005 3.00005 0 0 1-.87868-2.12135V4.94971c0-1.65686 1.34314-3 3-3h4.24264Zm-1.2932 4.05028c0 1.10457-.89543 2-2 2s-2-.89543-2-2 .89543-2 2-2 2 .89543 2 2Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconTag;

package/src/components/icons/svg/IconTransactions.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconTransactions = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M5 0C2.23858 0 0 2.23858 0 5v14c0 2.7614 2.23858 5 5 5h14c2.7614 0 5-2.2386 5-5V5c0-2.76142-2.2386-5-5-5H5ZM2 5c0-1.65685 1.34315-3 3-3h14c1.6569 0 3 1.34315 3 3v14c0 1.6569-1.3431 3-3 3H5c-1.65685 0-3-1.3431-3-3V5Zm7.70714.29289c.39056.39053.39056 1.02369 0 1.41422L7.41424 9H19c.5523 0 1 .44772 1 1 0 .5523-.4477 1-1 1H5.00003c-.40446 0-.7691-.2436-.92388-.6173-.15478-.3737-.06923-.80381.21677-1.08981l4-4c.39053-.39052 1.02369-.39052 1.41422 0ZM14.2929 18.7071c-.3906-.3905-.3906-1.0237 0-1.4142L16.5858 15H4.99997c-.55228 0-1-.4477-1-1s.44772-1 1-1H19c.4044 0 .7691.2436.9239.6173.1547.3737.0692.8038-.2168 1.0898l-4 4c-.3905.3905-1.0237.3905-1.4142 0Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconTransactions;

package/src/components/icons/svg/IconTrashcan.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconTrashcan = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M8.17071 4h7.65859C15.4175 2.83481 14.3062 2 13 2h-2c-1.30622 0-2.41746.83481-2.82929 2ZM17.9 4c-.4633-2.28224-2.481-4-4.9-4h-2C8.58104 0 6.56329 1.71776 6.10002 4H3c-.55228 0-1 .44772-1 1s.44772 1 1 1h18c.5523 0 1-.44772 1-1s-.4477-1-1-1h-3.1ZM6 9c0-.55228-.44772-1-1-1s-1 .44772-1 1v10c0 2.7614 2.23858 5 5 5h6c2.7614 0 5-2.2386 5-5V9c0-.55228-.4477-1-1-1s-1 .44772-1 1v10c0 1.6569-1.3431 3-3 3H9c-1.65685 0-3-1.3431-3-3V9Zm5 2c0-.5523-.4477-1-1-1-.55228 0-1 .4477-1 1v7c0 .5523.44772 1 1 1 .5523 0 1-.4477 1-1v-7Zm3-1c.5523 0 1 .4477 1 1v7c0 .5523-.4477 1-1 1s-1-.4477-1-1v-7c0-.5523.4477-1 1-1Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconTrashcan;

package/src/components/icons/svg/IconWarningFilled.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconWarningFilled = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="m15.523 3.047 7.926 13.813c1.566 2.73-.392 6.14-3.523 6.14H4.074C.942 23-1.015 19.59.55 16.86L8.477 3.047c1.566-2.73 5.48-2.73 7.046 0Zm-3.495 13.458a1.528 1.528 0 1 1 0 3.056 1.528 1.528 0 0 1 0-3.056Zm0-1.944c.568 0 1.029-.46 1.029-1.028V5.528a1.028 1.028 0 0 0-2.057 0v8.005c0 .567.46 1.028 1.029 1.028Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconWarningFilled;

package/src/components/icons/svg/IconWebsite.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconWebsite = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      d="M12 0a12 12 0 1 0 12 12A12.013 12.013 0 0 0 12 0Zm8.647 7h-3.221a19.674 19.674 0 0 0-2.821-4.644A10.031 10.031 0 0 1 20.647 7ZM16.5 12a10.21 10.21 0 0 1-.476 3H7.976a10.211 10.211 0 0 1-.476-3 10.21 10.21 0 0 1 .476-3h8.048c.307.97.468 1.982.476 3Zm-7.722 5h6.444A19.615 19.615 0 0 1 12 21.588 19.572 19.572 0 0 1 8.778 17Zm0-10A19.615 19.615 0 0 1 12 2.412 19.57 19.57 0 0 1 15.222 7H8.778ZM9.4 2.356A19.676 19.676 0 0 0 6.574 7H3.353A10.03 10.03 0 0 1 9.4 2.356ZM2.461 9H5.9c-.26.98-.394 1.987-.4 3 .006 1.013.14 2.02.4 3H2.461a9.992 9.992 0 0 1 0-6Zm.892 8h3.221A19.676 19.676 0 0 0 9.4 21.644 10.031 10.031 0 0 1 3.353 17Zm11.252 4.644c1.15-1.41 2.1-2.973 2.821-4.644h3.221a10.031 10.031 0 0 1-6.042 4.644ZM21.539 15H18.1c.26-.98.394-1.987.4-3a12.02 12.02 0 0 0-.4-3h3.437a9.991 9.991 0 0 1 0 6h.002Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconWebsite;

package/src/components/icons/svg/LegIconCheckOff.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const LegIconCheckOff = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 22 22" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M19.25 0H2.75C1.23122 0 0 1.23122 0 2.75v16.5C0 20.7688 1.23122 22 2.75 22h16.5c1.5188 0 2.75-1.2312 2.75-2.75V2.75C22 1.23122 20.7688 0 19.25 0ZM1.83333 2.75c0-.50626.41041-.91667.91667-.91667h16.5c.5063 0 .9167.41041.9167.91667v16.5c0 .5063-.4104.9167-.9167.9167H2.75c-.50626 0-.91667-.4104-.91667-.9167V2.75Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default LegIconCheckOff;