@reown/appkit-ui-react-native 0.0.0-accounts-canary.1-20251023174733

package/src/assets/svg/Reown.tsx

@@ -0,0 +1,40 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgReown = (props: SvgProps) => (
+  <Svg viewBox="0 0 60 16" fill="none" {...props}>
+    <Path
+      d="M9.3335 4.66667C9.3335 2.08934 11.4229 0 14.0002 0H20.6669C23.2442 0 25.3335 2.08934 25.3335 4.66667V11.3333C25.3335 13.9106 23.2442 16 20.6669 16H14.0002C11.4229 16 9.3335 13.9106 9.3335 11.3333V4.66667Z"
+      fill="#363636"
+    />
+    <Path d="M15.6055 11.0003L17.9448 4.66699H18.6316L16.2923 11.0003H15.6055Z" fill="#F6F6F6" />
+    <Path
+      d="M0 4.33333C0 1.9401 1.9401 0 4.33333 0C6.72657 0 8.66669 1.9401 8.66669 4.33333V11.6667C8.66669 14.0599 6.72657 16 4.33333 16C1.9401 16 0 14.0599 0 11.6667V4.33333Z"
+      fill="#363636"
+    />
+    <Path d="M3.9165 9.99934V9.16602H4.74983V9.99934H3.9165Z" fill="#F6F6F6" />
+    <Path
+      d="M26 8C26 3.58172 29.3517 0 33.4863 0H52.5137C56.6483 0 60 3.58172 60 8C60 12.4183 56.6483 16 52.5137 16H33.4863C29.3517 16 26 12.4183 26 8Z"
+      fill="#363636"
+    />
+    <Path
+      d="M49.3687 9.95834V6.26232H50.0213V6.81966C50.256 6.40899 50.7326 6.16699 51.2606 6.16699C52.0599 6.16699 52.6173 6.67299 52.6173 7.65566V9.95834H51.972V7.69234C51.972 7.04696 51.6053 6.70966 51.07 6.70966C50.4906 6.70966 50.0213 7.17168 50.0213 7.82433V9.95834H49.3687Z"
+      fill="#F6F6F6"
+    />
+    <Path
+      d="M45.2538 9.95773L44.5718 6.26172H45.1877L45.6717 9.31242L46.3098 7.30306H46.9184L47.5491 9.29041L48.0404 6.26172H48.6564L47.9744 9.95773H47.2411L46.6178 8.03641L45.9871 9.95773H45.2538Z"
+      fill="#F6F6F6"
+    />
+    <Path
+      d="M42.3709 10.0536C41.2489 10.0536 40.5889 9.21765 40.5889 8.1103C40.5889 7.01035 41.2489 6.16699 42.3709 6.16699C43.4929 6.16699 44.1529 7.01035 44.1529 8.1103C44.1529 9.21765 43.4929 10.0536 42.3709 10.0536ZM42.3709 9.51096C43.1775 9.51096 43.4856 8.82164 43.4856 8.10296C43.4856 7.39163 43.1775 6.70966 42.3709 6.70966C41.5642 6.70966 41.2562 7.39163 41.2562 8.10296C41.2562 8.82164 41.5642 9.51096 42.3709 9.51096Z"
+      fill="#F6F6F6"
+    />
+    <Path
+      d="M38.2805 10.0536C37.1952 10.0536 36.5132 9.22499 36.5132 8.1103C36.5132 7.00302 37.1952 6.16699 38.2805 6.16699C39.1972 6.16699 40.0038 6.68766 39.9159 8.27896H37.1805C37.2319 8.96103 37.5472 9.5183 38.2805 9.5183C38.7718 9.5183 39.0945 9.21765 39.2045 8.87299H39.8499C39.7472 9.48903 39.1679 10.0536 38.2805 10.0536ZM37.1952 7.78765H39.2852C39.2338 7.04696 38.8892 6.70232 38.2805 6.70232C37.6132 6.70232 37.2832 7.18635 37.1952 7.78765Z"
+      fill="#F6F6F6"
+    />
+    <Path
+      d="M33.3828 9.95773V6.26172H34.0501V6.88506C34.2848 6.47439 34.6882 6.26172 35.1061 6.26172H35.9935V6.88506H35.0548C34.4682 6.88506 34.0501 7.26638 34.0501 8.00706V9.95773H33.3828Z"
+      fill="#F6F6F6"
+    />
+  </Svg>
+);
+export default SvgReown;

package/src/assets/svg/Search.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgMagnifier = (props: SvgProps) => (
+  <Svg viewBox="0 0 20 20" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M9.36 4.21a5.14 5.14 0 1 0 0 10.29 5.14 5.14 0 0 0 0-10.29ZM1.64 9.36a7.71 7.71 0 1 1 14 4.47l2.52 2.5a1.29 1.29 0 1 1-1.82 1.83l-2.51-2.51A7.71 7.71 0 0 1 1.65 9.36Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgMagnifier;

package/src/assets/svg/Settings.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgSettings = (props: SvgProps) => (
+  <Svg viewBox="0 0 20 20" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M2.5 6.25C2.5 6.08423 2.56585 5.92526 2.68306 5.80805C2.80027 5.69084 2.95924 5.625 3.125 5.625H6.02891C6.16362 5.17372 6.44038 4.77798 6.81803 4.4966C7.19568 4.21522 7.65405 4.06323 8.125 4.06323C8.59595 4.06323 9.05432 4.21522 9.43197 4.4966C9.80962 4.77798 10.0864 5.17372 10.2211 5.625H16.875C17.0408 5.625 17.1997 5.69084 17.3169 5.80805C17.4342 5.92526 17.5 6.08423 17.5 6.25C17.5 6.41576 17.4342 6.57473 17.3169 6.69194C17.1997 6.80915 17.0408 6.875 16.875 6.875H10.2211C10.0864 7.32627 9.80962 7.72201 9.43197 8.00339C9.05432 8.28477 8.59595 8.43676 8.125 8.43676C7.65405 8.43676 7.19568 8.28477 6.81803 8.00339C6.44038 7.72201 6.16362 7.32627 6.02891 6.875H3.125C2.95924 6.875 2.80027 6.80915 2.68306 6.69194C2.56585 6.57473 2.5 6.41576 2.5 6.25ZM16.875 13.125H15.2211C15.0864 12.6737 14.8096 12.278 14.432 11.9966C14.0543 11.7152 13.5959 11.5632 13.125 11.5632C12.6541 11.5632 12.1957 11.7152 11.818 11.9966C11.4404 12.278 11.1636 12.6737 11.0289 13.125H3.125C2.95924 13.125 2.80027 13.1908 2.68306 13.3081C2.56585 13.4253 2.5 13.5842 2.5 13.75C2.5 13.9158 2.56585 14.0747 2.68306 14.1919C2.80027 14.3091 2.95924 14.375 3.125 14.375H11.0289C11.1636 14.8263 11.4404 15.222 11.818 15.5034C12.1957 15.7848 12.6541 15.9368 13.125 15.9368C13.5959 15.9368 14.0543 15.7848 14.432 15.5034C14.8096 15.222 15.0864 14.8263 15.2211 14.375H16.875C17.0408 14.375 17.1997 14.3091 17.3169 14.1919C17.4342 14.0747 17.5 13.9158 17.5 13.75C17.5 13.5842 17.4342 13.4253 17.3169 13.3081C17.1997 13.1908 17.0408 13.125 16.875 13.125Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgSettings;

package/src/assets/svg/SwapHorizontal.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgSwapHorizontal = (props: SvgProps) => (
+  <Svg viewBox="0 0 20 20" {...props} fill="none">
+    <Path
+      fill={props.fill ?? '#FFFFFF'}
+      fillRule="evenodd"
+      d="M6.76.3a1 1 0 0 1 0 1.4L4.07 4.4h9a1 1 0 1 1 0 2h-9l2.69 2.68a1 1 0 1 1-1.42 1.42L.95 6.09a1 1 0 0 1 0-1.4l4.4-4.4a1 1 0 0 1 1.4 0Zm6.49 9.21a1 1 0 0 1 1.41 0l4.39 4.4a1 1 0 0 1 0 1.4l-4.39 4.4a1 1 0 0 1-1.41-1.42l2.68-2.68h-9a1 1 0 0 1 0-2h9l-2.68-2.68a1 1 0 0 1 0-1.42Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgSwapHorizontal;

package/src/assets/svg/SwapVertical.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgSwapVertical = (props: SvgProps) => (
+  <Svg viewBox="0 0 14 14" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M3.48 2.18a1 1 0 0 1 1.41 0l2.68 2.68a1 1 0 1 1-1.41 1.42l-.98-.98v4.56a1 1 0 0 1-2 0V5.3l-.97.98A1 1 0 0 1 .79 4.86l2.69-2.68Zm6.34 2.93a1 1 0 0 1 1 1v4.56l.97-.98a1 1 0 1 1 1.42 1.42l-2.69 2.68a1 1 0 0 1-1.41 0l-2.68-2.68a1 1 0 0 1 1.41-1.42l.98.98V6.1a1 1 0 0 1 1-1Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgSwapVertical;

package/src/assets/svg/Telegram.tsx

@@ -0,0 +1,29 @@
+import Svg, { G, Circle, Path, Defs, ClipPath, type SvgProps } from 'react-native-svg';
+const SvgTelegram = (props: SvgProps) => (
+  <Svg viewBox="0 0 40 40" {...props} fill="none">
+    <G clipPath="url(#Telegram_svg__a)">
+      <G clipPath="url(#Telegram_svg__b)">
+        <Circle cx={20} cy={19.886} r={20} fill="#1877F2" />
+        <Circle cx={20} cy={19.886} r={19.5} stroke="#fff" strokeOpacity={0.1} />
+        <Path
+          fill="#fff"
+          fillRule="evenodd"
+          d="M24.546 28.087c.29.205.663.256.996.13.333-.127.578-.411.651-.756.782-3.675 2.68-12.978 3.392-16.322a.703.703 0 0 0-.234-.682.72.72 0 0 0-.718-.126c-3.773 1.397-15.395 5.757-20.145 7.515a.744.744 0 0 0-.488.719.745.745 0 0 0 .534.687c2.13.638 4.926 1.524 4.926 1.524s1.307 3.947 1.989 5.953c.085.252.282.45.542.519a.78.78 0 0 0 .73-.187l2.787-2.63s3.214 2.357 5.038 3.656Zm-9.91-7.81 1.512 4.985.336-3.157 9.166-8.267a.25.25 0 0 0 .03-.34.256.256 0 0 0-.339-.057l-10.704 6.836Z"
+          clipRule="evenodd"
+        />
+      </G>
+    </G>
+    <Defs>
+      <ClipPath id="Telegram_svg__a">
+        <Path
+          fill="#fff"
+          d="M0 20C0 8.954 8.954 0 20 0s20 8.954 20 20-8.954 20-20 20S0 31.046 0 20Z"
+        />
+      </ClipPath>
+      <ClipPath id="Telegram_svg__b">
+        <Path fill="#fff" d="M0 0h40v40H0z" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+export default SvgTelegram;

package/src/assets/svg/Twitch.tsx

@@ -0,0 +1,32 @@
+import Svg, { G, Circle, Path, Defs, ClipPath, type SvgProps } from 'react-native-svg';
+const SvgTwitch = (props: SvgProps) => (
+  <Svg viewBox="0 0 40 40" {...props} fill="none">
+    <G clipPath="url(#Twitch_svg__a)">
+      <G clipPath="url(#Twitch_svg__b)">
+        <Circle cx={20} cy={19.886} r={20} fill="#5A3E85" />
+        <Circle cx={20} cy={19.886} r={19.5} stroke="#fff" strokeOpacity={0.1} />
+        <G clipPath="url(#Twitch_svg__c)">
+          <Path
+            fill="#fff"
+            d="M18.224 25.692 20 23.916h3.343l2.09-2.09V15.14h-10.03v8.776h2.821v1.776Zm3.866-8.15h1.254v3.654H22.09v-3.653Zm-3.344 0H20v3.654h-1.254v-3.653ZM20 7.887c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12Zm6.687 14.567L23.03 26.11h-2.716l-1.777 1.776h-1.88V26.11h-3.344v-9.821l.941-2.403h12.433v8.567Z"
+          />
+        </G>
+      </G>
+    </G>
+    <Defs>
+      <ClipPath id="Twitch_svg__a">
+        <Path
+          fill="#fff"
+          d="M0 20C0 8.954 8.954 0 20 0s20 8.954 20 20-8.954 20-20 20S0 31.046 0 20Z"
+        />
+      </ClipPath>
+      <ClipPath id="Twitch_svg__b">
+        <Path fill="#fff" d="M0 0h40v40H0z" />
+      </ClipPath>
+      <ClipPath id="Twitch_svg__c">
+        <Path fill="#fff" d="M8 7.886h24v24H8z" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+export default SvgTwitch;

package/src/assets/svg/Verify.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgVerify = ({ fill, ...props }: SvgProps) => (
+  <Svg fill="none" viewBox="0 0 28 28" {...props}>
+    <Path
+      fill={fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M18.1 4.76c-.42-.73-1.33-1.01-2.09-.66l-1.42.66c-.37.18-.8.18-1.18 0l-1.4-.65a1.63 1.63 0 0 0-2.1.66l-.84 1.45c-.2.34-.53.59-.92.67l-1.7.35c-.83.17-1.39.94-1.3 1.78l.19 1.56c.04.39-.08.78-.33 1.07l-1.12 1.3c-.52.6-.52 1.5 0 2.11L5 16.38c.25.3.37.68.33 1.06l-.18 1.57c-.1.83.46 1.6 1.28 1.78l1.7.35c.4.08.73.32.93.66l.84 1.43a1.63 1.63 0 0 0 2.09.66l1.41-.66c.37-.17.8-.17 1.18 0l1.43.67c.76.35 1.66.07 2.08-.65l.86-1.45c.2-.34.54-.58.92-.66l1.68-.35A1.63 1.63 0 0 0 22.84 19l-.18-1.57a1.4 1.4 0 0 1 .33-1.06l1.12-1.32c.52-.6.52-1.5 0-2.11l-1.12-1.3a1.4 1.4 0 0 1-.33-1.07l.18-1.57c.1-.83-.46-1.6-1.28-1.77l-1.68-.35a1.4 1.4 0 0 1-.92-.66l-.86-1.47Zm-3.27-3.2a4.43 4.43 0 0 1 5.69 1.78l.54.93 1.07.22a4.43 4.43 0 0 1 3.5 4.84l-.11.96.7.83a4.43 4.43 0 0 1 .02 5.76l-.72.85.1.96a4.43 4.43 0 0 1-3.5 4.84l-1.06.22-.54.92a4.43 4.43 0 0 1-5.68 1.77l-.84-.4-.82.39a4.43 4.43 0 0 1-5.7-1.79l-.51-.89-1.09-.22a4.43 4.43 0 0 1-3.5-4.84l.1-.96-.72-.85a4.43 4.43 0 0 1 .01-5.76l.71-.83-.1-.95a4.43 4.43 0 0 1 3.5-4.84l1.08-.23.53-.9a4.43 4.43 0 0 1 5.7-1.8l.81.38.83-.39ZM18.2 9.4c.65.42.84 1.28.42 1.93l-4.4 6.87a1.4 1.4 0 0 1-2.26.14L9.5 15.39a1.4 1.4 0 0 1 2.15-1.8l1.23 1.48 3.38-5.26a1.4 1.4 0 0 1 1.93-.42Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgVerify;

package/src/assets/svg/Wallet.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgWallet = (props: SvgProps) => (
+  <Svg viewBox="0 0 20 20" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M0 5.5c0-1.8 1.46-3.25 3.25-3.25H14.5c1.8 0 3.25 1.46 3.25 3.25v.28A3.25 3.25 0 0 1 20 8.88v2.24c0 1.45-.94 2.68-2.25 3.1v.28c0 1.8-1.46 3.25-3.25 3.25H3.25A3.25 3.25 0 0 1 0 14.5v-9Zm15.75 8.88h-2.38a4.38 4.38 0 0 1 0-8.76h2.38V5.5c0-.69-.56-1.25-1.25-1.25H3.25C2.56 4.25 2 4.81 2 5.5v9c0 .69.56 1.25 1.25 1.25H14.5c.69 0 1.25-.56 1.25-1.25v-.13Zm-2.38-6.76a2.37 2.37 0 1 0 0 4.75h3.38c.69 0 1.25-.55 1.25-1.24V8.87c0-.69-.56-1.24-1.25-1.24h-3.38Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgWallet;

package/src/assets/svg/WalletConnect.tsx

@@ -0,0 +1,38 @@
+import Svg, { ClipPath, Defs, G, Path, type SvgProps } from 'react-native-svg';
+const SvgWalletConnect = (props: SvgProps) => (
+  <Svg fill="none" viewBox="0 0 96 67" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      d="M25.32 18.8a32.56 32.56 0 0 1 45.36 0l1.5 1.47c.63.62.63 1.61 0 2.22l-5.15 5.05c-.31.3-.82.3-1.14 0l-2.07-2.03a22.71 22.71 0 0 0-31.64 0l-2.22 2.18c-.31.3-.82.3-1.14 0l-5.15-5.05a1.55 1.55 0 0 1 0-2.22l1.65-1.62Zm56.02 10.44 4.59 4.5c.63.6.63 1.6 0 2.21l-20.7 20.26c-.62.61-1.63.61-2.26 0L48.28 41.83a.4.4 0 0 0-.56 0L33.03 56.21c-.63.61-1.64.61-2.27 0L10.07 35.95a1.55 1.55 0 0 1 0-2.22l4.59-4.5a1.63 1.63 0 0 1 2.27 0L31.6 43.63a.4.4 0 0 0 .57 0l14.69-14.38a1.63 1.63 0 0 1 2.26 0l14.69 14.38a.4.4 0 0 0 .57 0l14.68-14.38a1.63 1.63 0 0 1 2.27 0Z"
+    />
+    <Path
+      stroke="#000"
+      strokeOpacity=".1"
+      d="M25.67 19.15a32.06 32.06 0 0 1 44.66 0l1.5 1.48c.43.42.43 1.09 0 1.5l-5.15 5.05a.31.31 0 0 1-.44 0l-2.07-2.03a23.21 23.21 0 0 0-32.34 0l-2.22 2.18a.31.31 0 0 1-.44 0l-5.15-5.05a1.05 1.05 0 0 1 0-1.5l1.65-1.63ZM81 29.6l4.6 4.5c.42.41.42 1.09 0 1.5l-20.7 20.26c-.43.43-1.14.43-1.57 0L48.63 41.47a.9.9 0 0 0-1.26 0L32.68 55.85c-.43.43-1.14.43-1.57 0L10.42 35.6a1.05 1.05 0 0 1 0-1.5l4.59-4.5a1.13 1.13 0 0 1 1.57 0l14.68 14.38a.9.9 0 0 0 1.27 0l-.35-.35.35.35L47.22 29.6a1.13 1.13 0 0 1 1.56 0l14.7 14.38a.9.9 0 0 0 1.26 0L79.42 29.6a1.13 1.13 0 0 1 1.57 0Z"
+    />
+  </Svg>
+);
+export default SvgWalletConnect;
+
+export const WalletConnectLightBrownSvg = (props: SvgProps) => (
+  <Svg viewBox="0 0 16 16" fill="none" {...props}>
+    <G clipPath="url(#clip0_22274_4692)">
+      <Path
+        d="M0 6.64C0 4.17295 0 2.93942 0.525474 2.01817C0.880399 1.39592 1.39592 0.880399 2.01817 0.525474C2.93942 0 4.17295 0 6.64 0H9.36C11.8271 0 13.0606 0 13.9818 0.525474C14.6041 0.880399 15.1196 1.39592 15.4745 2.01817C16 2.93942 16 4.17295 16 6.64V9.36C16 11.8271 16 13.0606 15.4745 13.9818C15.1196 14.6041 14.6041 15.1196 13.9818 15.4745C13.0606 16 11.8271 16 9.36 16H6.64C4.17295 16 2.93942 16 2.01817 15.4745C1.39592 15.1196 0.880399 14.6041 0.525474 13.9818C0 13.0606 0 11.8271 0 9.36V6.64Z"
+        fill="#C7B994"
+      />
+      <Path
+        d="M4.49038 5.76609C6.42869 3.86833 9.5713 3.86833 11.5096 5.76609L11.7429 5.99449C11.8398 6.08938 11.8398 6.24323 11.7429 6.33811L10.9449 7.11942C10.8964 7.16686 10.8179 7.16686 10.7694 7.11942L10.4484 6.80512C9.09617 5.48119 6.90381 5.48119 5.5516 6.80512L5.20782 7.14171C5.15936 7.18915 5.08079 7.18915 5.03234 7.14171L4.23434 6.3604C4.13742 6.26552 4.13742 6.11167 4.23434 6.01678L4.49038 5.76609ZM13.1599 7.38192L13.8702 8.07729C13.9671 8.17217 13.9671 8.32602 13.8702 8.4209L10.6677 11.5564C10.5708 11.6513 10.4137 11.6513 10.3168 11.5564L8.04388 9.33105C8.01965 9.30733 7.98037 9.30733 7.95614 9.33105L5.6833 11.5564C5.58638 11.6513 5.42925 11.6513 5.33234 11.5564L2.12982 8.42087C2.0329 8.32598 2.0329 8.17213 2.12982 8.07724L2.84004 7.38188C2.93695 7.28699 3.09408 7.28699 3.191 7.38188L5.46392 9.60726C5.48815 9.63098 5.52743 9.63098 5.55166 9.60726L7.82447 7.38188C7.92138 7.28699 8.07851 7.28699 8.17543 7.38187L10.4484 9.60726C10.4726 9.63098 10.5119 9.63098 10.5361 9.60726L12.809 7.38192C12.9059 7.28703 13.063 7.28703 13.1599 7.38192Z"
+        fill="#202020"
+      />
+    </G>
+    <Defs>
+      <ClipPath id="clip0_22274_4692">
+        <Path
+          d="M0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8Z"
+          fill="white"
+        />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);

package/src/assets/svg/WalletPlaceholder.tsx

@@ -0,0 +1,22 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+import { useTheme } from '../../hooks/useTheme';
+
+const SvgWalletPlaceholder = (props: SvgProps) => {
+  const Theme = useTheme();
+
+  return (
+    <Svg fill="none" viewBox="0 0 48 44" {...props}>
+      <Path
+        fill="none"
+        d="M4.56 8.64c-1.23 1.68-1.23 4.08-1.23 8.88v8.96c0 4.8 0 7.2 1.23 8.88.39.55.87 1.02 1.41 1.42C7.65 38 10.05 38 14.85 38h14.3c4.8 0 7.2 0 8.88-1.22a6.4 6.4 0 0 0 1.41-1.42c.83-1.14 1.1-2.6 1.19-4.92a6.4 6.4 0 0 0 5.16-4.65c.21-.81.21-1.8.21-3.79 0-1.98 0-2.98-.22-3.79a6.4 6.4 0 0 0-5.15-4.65c-.1-2.32-.36-3.78-1.19-4.92a6.4 6.4 0 0 0-1.41-1.42C36.35 6 33.95 6 29.15 6h-14.3c-4.8 0-7.2 0-8.88 1.22a6.4 6.4 0 0 0-1.41 1.42Z"
+      />
+      <Path
+        fill={props.fill ?? Theme['bg-300']}
+        fillRule="evenodd"
+        d="M2.27 11.33a6.4 6.4 0 0 1 6.4-6.4h26.66a6.4 6.4 0 0 1 6.4 6.4v1.7a6.4 6.4 0 0 1 5.34 6.3v5.34a6.4 6.4 0 0 1-5.34 6.3v1.7a6.4 6.4 0 0 1-6.4 6.4H8.67a6.4 6.4 0 0 1-6.4-6.4V11.33ZM39.6 31.07h-6.93a9.07 9.07 0 1 1 0-18.14h6.93v-1.6a4.27 4.27 0 0 0-4.27-4.26H8.67a4.27 4.27 0 0 0-4.27 4.26v21.34a4.27 4.27 0 0 0 4.27 4.26h26.66a4.27 4.27 0 0 0 4.27-4.26v-1.6Zm-6.93-16a6.93 6.93 0 0 0 0 13.86h8a4.27 4.27 0 0 0 4.26-4.26v-5.34a4.27 4.27 0 0 0-4.26-4.26h-8Z"
+        clipRule="evenodd"
+      />
+    </Svg>
+  );
+};
+export default SvgWalletPlaceholder;

package/src/assets/svg/WalletSmall.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgWalletSmall = (props: SvgProps) => (
+  <Svg viewBox="0 0 14 14" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M0 4C0 2.61929 1.11929 1.5 2.5 1.5H10C11.3666 1.5 12.4772 2.59659 12.4997 3.95787C13.3828 4.34357 14 5.22471 14 6.25V7.75C14 8.77529 13.3828 9.65643 12.4997 10.0421C12.4772 11.4034 11.3666 12.5 10 12.5H2.5C1.11929 12.5 0 11.3807 0 10V4ZM10.4331 10.25H9.25C7.45507 10.25 6 8.79492 6 7C6 5.20507 7.45507 3.75 9.25 3.75L10.4331 3.75C10.3467 3.60055 10.1851 3.5 10 3.5H2.5C2.22386 3.5 2 3.72386 2 4V10C2 10.2761 2.22386 10.5 2.5 10.5H10C10.1851 10.5 10.3467 10.3995 10.4331 10.25ZM9.25 5.75C8.55964 5.75 8 6.30964 8 7C8 7.69036 8.55964 8.25 9.25 8.25H11.5C11.7761 8.25 12 8.02614 12 7.75V6.25C12 5.97386 11.7761 5.75 11.5 5.75L9.25 5.75Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgWalletSmall;

package/src/assets/svg/WarningCircle.tsx

@@ -0,0 +1,16 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgWarningCircle = (props: SvgProps) => (
+  <Svg viewBox="0 0 20 20" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      d="M11 6.67a1 1 0 1 0-2 0v2.66a1 1 0 0 0 2 0V6.67ZM10 14.5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z"
+    />
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M10 1a9 9 0 1 0 0 18 9 9 0 0 0 0-18Zm-7 9a7 7 0 1 1 14 0 7 7 0 0 1-14 0Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgWarningCircle;

package/src/assets/svg/X.tsx

@@ -0,0 +1,26 @@
+import Svg, { G, Path, Defs, ClipPath, type SvgProps, Rect } from 'react-native-svg';
+const SvgX = (props: SvgProps) => (
+  <Svg viewBox="0 0 40 40" {...props} fill="none">
+    <G clipPath="url(#clip0_22845_4959)">
+      <Rect width="40" height="40" fill="black" />
+      <Path
+        d="M21.8266 18.4604L28.9742 10.1519H27.2805L21.0742 17.366L16.1172 10.1519H10.4L17.8959 21.061L10.4 29.7738H12.0938L18.6479 22.1553L23.8827 29.7738H29.6L21.8266 18.4604ZM12.7042 11.427H15.3058L27.2813 28.5567H24.6796L12.7042 11.427Z"
+        fill="white"
+      />
+    </G>
+    <Path
+      d="M0.5 20C0.5 9.23045 9.23045 0.5 20 0.5C30.7696 0.5 39.5 9.23045 39.5 20C39.5 30.7696 30.7696 39.5 20 39.5C9.23045 39.5 0.5 30.7696 0.5 20Z"
+      stroke="white"
+      strokeOpacity="0.05"
+    />
+    <Defs>
+      <ClipPath id="clip0_22845_4959">
+        <Path
+          d="M0 20C0 8.95431 8.95431 0 20 0C31.0457 0 40 8.95431 40 20C40 31.0457 31.0457 40 20 40C8.95431 40 0 31.0457 0 20Z"
+          fill="white"
+        />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+export default SvgX;

package/src/assets/visual/Browser.tsx

@@ -0,0 +1,24 @@
+import Svg, { Circle, Path, Rect, type SvgProps } from 'react-native-svg';
+const SvgBrowser = (props: SvgProps) => (
+  <Svg fill="none" viewBox="0 0 60 60" {...props}>
+    <Rect width="60" height="60" fill="#1DC956" rx="30" />
+    <Circle cx="30" cy="30" r="3" fill="#fff" />
+    <Path
+      fill="#2BEE6C"
+      stroke="#fff"
+      strokeWidth="2"
+      d="m45.32 17.9-.88-.42.88.42.02-.05c.1-.2.21-.44.26-.7l-.82-.15.82.16a2 2 0 0 0-.24-1.4c-.13-.23-.32-.42-.47-.57a8.42 8.42 0 0 1-.04-.04l-.04-.04a2.9 2.9 0 0 0-.56-.47l-.51.86.5-.86a2 2 0 0 0-1.4-.24c-.26.05-.5.16-.69.26l-.05.02-15.05 7.25-.1.05c-1.14.55-1.85.89-2.46 1.37a7 7 0 0 0-1.13 1.14c-.5.6-.83 1.32-1.38 2.45l-.05.11-7.25 15.05-.02.05c-.1.2-.21.43-.26.69a2 2 0 0 0 .24 1.4l.85-.5-.85.5c.13.23.32.42.47.57l.04.04.04.04c.15.15.34.34.56.47a2 2 0 0 0 1.41.24l-.2-.98.2.98c.25-.05.5-.17.69-.26l.05-.02-.42-.87.42.87 15.05-7.25.1-.05c1.14-.55 1.85-.89 2.46-1.38a7 7 0 0 0 1.13-1.13 12.87 12.87 0 0 0 1.43-2.56l7.25-15.05Z"
+    />
+    <Path
+      fill="#1DC956"
+      d="M33.38 32.72 30.7 29.3 15.86 44.14l.2.2a1 1 0 0 0 1.14.2l15.1-7.27a3 3 0 0 0 1.08-4.55Z"
+    />
+    <Path
+      fill="#86F999"
+      d="m26.62 27.28 2.67 3.43 14.85-14.85-.2-.2a1 1 0 0 0-1.14-.2l-15.1 7.27a3 3 0 0 0-1.08 4.55Z"
+    />
+    <Circle cx="30" cy="30" r="3" fill="#fff" transform="rotate(45 30 30)" />
+    <Rect width="59" height="59" x=".5" y=".5" stroke="#062B2B" strokeOpacity=".1" rx="29.5" />
+  </Svg>
+);
+export default SvgBrowser;

package/src/assets/visual/Dao.tsx

@@ -0,0 +1,48 @@
+import Svg, { Circle, ClipPath, Defs, G, Path, type SvgProps } from 'react-native-svg';
+const SvgDao = (props: SvgProps) => (
+  <Svg fill="none" viewBox="0 0 60 60" {...props}>
+    <G clipPath="url(#a)">
+      <Path
+        fill="#EB8B47"
+        d="M0 24.9c0-9.25 0-13.88 1.97-17.33a15 15 0 0 1 5.6-5.6C11.02 0 15.65 0 24.9 0h10.2c9.25 0 13.88 0 17.33 1.97a15 15 0 0 1 5.6 5.6C60 11.02 60 15.65 60 24.9v10.2c0 9.25 0 13.88-1.97 17.33a15 15 0 0 1-5.6 5.6C48.98 60 44.35 60 35.1 60H24.9c-9.25 0-13.88 0-17.33-1.97a15 15 0 0 1-5.6-5.6C0 48.98 0 44.35 0 35.1V24.9Z"
+      />
+      <Path
+        stroke="#062B2B"
+        strokeOpacity=".1"
+        d="M.5 24.9c0-4.64 0-8.08.24-10.8.25-2.7.73-4.65 1.66-6.28A14.5 14.5 0 0 1 7.82 2.4C9.46 1.47 11.39 1 14.1.74A133 133 0 0 1 24.9.5h10.2c4.63 0 8.08 0 10.8.24 2.7.25 4.65.73 6.28 1.66a14.5 14.5 0 0 1 5.42 5.42c.93 1.63 1.41 3.57 1.66 6.28.24 2.72.24 6.16.24 10.8v10.2c0 4.63 0 8.08-.24 10.8-.25 2.7-.73 4.64-1.66 6.28a14.5 14.5 0 0 1-5.42 5.41c-1.63.94-3.57 1.42-6.28 1.67-2.72.24-6.17.24-10.8.24H24.9c-4.63 0-8.08 0-10.8-.24-2.7-.25-4.64-.73-6.28-1.67a14.5 14.5 0 0 1-5.42-5.4C1.47 50.53 1 48.6.74 45.88A133 133 0 0 1 .5 35.1V24.9Z"
+      />
+      <Path
+        fill="#FF974C"
+        stroke="#fff"
+        strokeWidth="2"
+        d="M19 52a10 10 0 1 0 0-20 10 10 0 0 0 0 20Z"
+      />
+      <Path
+        fill="#fff"
+        fillRule="evenodd"
+        d="M42.84 8.33a1 1 0 0 0-1.68 0L28.98 27.46a1 1 0 0 0 .84 1.54h24.36a1 1 0 0 0 .84-1.54L42.84 8.33Z"
+        clipRule="evenodd"
+      />
+      <Path
+        fill="#FF974C"
+        fillRule="evenodd"
+        d="M42.33 11.65c.33.11.58.5 1.07 1.28l7.33 11.52c.57.88.85 1.32.8 1.69a1 1 0 0 1-.35.62c-.28.24-.8.24-1.85.24H34.67c-1.05 0-1.57 0-1.85-.24a1 1 0 0 1-.35-.62c-.05-.37.23-.8.8-1.7l7.33-11.51c.5-.78.74-1.17 1.07-1.28a1 1 0 0 1 .66 0ZM35 27a7 7 0 0 0 7-7 7 7 0 0 0 7 7H35Z"
+        clipRule="evenodd"
+      />
+      <Path
+        fill="#FF974C"
+        stroke="#fff"
+        strokeWidth="2"
+        d="M10.1 9.36c-.1.32-.1.68-.1.97v15.34c0 .3 0 .65.1.97a2 2 0 0 0 1.26 1.25c.32.11.68.11.97.11H19a10 10 0 0 0 0-20h-6.67c-.3 0-.65 0-.97.1a2 2 0 0 0-1.25 1.26Z"
+      />
+      <Circle cx="19" cy="18" r="4" fill="#EB8B47" stroke="#fff" strokeWidth="2" />
+      <Circle cx="19" cy="42" r="4" fill="#EB8B47" stroke="#fff" strokeWidth="2" />
+    </G>
+    <Defs>
+      <ClipPath id="a">
+        <Path fill="#fff" d="M0 0h60v60H0z" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+export default SvgDao;

package/src/assets/visual/Defi.tsx

@@ -0,0 +1,38 @@
+import Svg, { ClipPath, Defs, G, Path, type SvgProps } from 'react-native-svg';
+const SvgDefi = (props: SvgProps) => (
+  <Svg fill="none" viewBox="0 0 60 60" {...props}>
+    <G clipPath="url(#a)">
+      <Path
+        fill="#1DC956"
+        d="M0 25.01c0-9.25 0-13.88 1.97-17.33a15 15 0 0 1 5.6-5.6C11.02.11 15.65.11 24.9.11h10.2c9.25 0 13.88 0 17.33 1.97a15 15 0 0 1 5.6 5.6C60 11.13 60 15.76 60 25v10.2c0 9.25 0 13.88-1.97 17.33a15 15 0 0 1-5.6 5.6c-3.45 1.97-8.08 1.97-17.33 1.97H24.9c-9.25 0-13.88 0-17.33-1.97a15 15 0 0 1-5.6-5.6C0 49.1 0 44.46 0 35.21v-10.2Z"
+      />
+      <Path
+        fill="#2BEE6C"
+        d="M16.1 60c-3.82-.18-6.4-.64-8.53-1.86a15 15 0 0 1-5.6-5.6C.55 50.06.16 46.97.04 41.98L4.2 40.6a4 4 0 0 0 2.48-2.39l4.65-12.4a2 2 0 0 1 2.5-1.2l2.53.84a2 2 0 0 0 2.43-1l2.96-5.94a2 2 0 0 1 3.7.32l3.78 12.58a2 2 0 0 0 3.03 1.09l3.34-2.23a2 2 0 0 0 .65-.7l5.3-9.72a2 2 0 0 1 1.42-1.01l4.14-.69a2 2 0 0 1 1.6.44l3.9 3.24a2 2 0 0 0 2.7-.12l4.62-4.63c.08 2.2.08 4.8.08 7.93v10.2c0 9.25 0 13.88-1.97 17.33a15 15 0 0 1-5.6 5.6c-2.13 1.22-4.7 1.68-8.54 1.86H16.11Z"
+      />
+      <Path
+        fill="#fff"
+        d="m.07 43.03-.05-2.1 3.85-1.28a3 3 0 0 0 1.86-1.79l4.66-12.4a3 3 0 0 1 3.75-1.8l2.53.84a1 1 0 0 0 1.21-.5l2.97-5.94a3 3 0 0 1 5.56.48l3.77 12.58a1 1 0 0 0 1.51.55l3.34-2.23a1 1 0 0 0 .33-.35l5.3-9.71a3 3 0 0 1 2.14-1.53l4.13-.69a3 3 0 0 1 2.41.66l3.9 3.24a1 1 0 0 0 1.34-.06l5.28-5.28c.05.85.08 1.75.1 2.73L56 22.41a3 3 0 0 1-4.04.19l-3.9-3.25a1 1 0 0 0-.8-.21l-4.13.69a1 1 0 0 0-.72.5l-5.3 9.72a3 3 0 0 1-.97 1.05l-3.34 2.23a3 3 0 0 1-4.53-1.63l-3.78-12.58a1 1 0 0 0-1.85-.16l-2.97 5.94a3 3 0 0 1-3.63 1.5l-2.53-.84a1 1 0 0 0-1.25.6l-4.65 12.4a5 5 0 0 1-3.1 3L.07 43.02Z"
+      />
+      <Path
+        fill="#fff"
+        fillRule="evenodd"
+        d="M49.5 19a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0Z"
+        clipRule="evenodd"
+      />
+      <Path fill="#fff" d="M45 .28v59.66l-2 .1V.19c.7.02 1.37.05 2 .1Z" />
+      <Path fill="#2BEE6C" d="M47.5 19a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z" />
+      <Path
+        stroke="#fff"
+        strokeOpacity=".1"
+        d="M.5 25.01c0-4.63 0-8.08.24-10.8.25-2.7.73-4.64 1.66-6.28a14.5 14.5 0 0 1 5.42-5.41C9.46 1.58 11.39 1.1 14.1.85A133 133 0 0 1 24.9.61h10.2c4.63 0 8.08 0 10.8.24 2.7.25 4.65.73 6.28 1.67a14.5 14.5 0 0 1 5.42 5.4c.93 1.65 1.41 3.58 1.66 6.3.24 2.71.24 6.16.24 10.79v10.2c0 4.64 0 8.08-.24 10.8-.25 2.7-.73 4.65-1.66 6.28a14.5 14.5 0 0 1-5.42 5.42c-1.63.93-3.57 1.41-6.28 1.66-2.72.24-6.17.24-10.8.24H24.9c-4.63 0-8.08 0-10.8-.24-2.7-.25-4.64-.73-6.28-1.66a14.5 14.5 0 0 1-5.42-5.42C1.47 50.66 1 48.72.74 46.01A133 133 0 0 1 .5 35.2v-10.2Z"
+      />
+    </G>
+    <Defs>
+      <ClipPath id="a">
+        <Path fill="#fff" d="M0 0h60v60H0z" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+export default SvgDefi;

package/src/assets/visual/DefiAlt.tsx

@@ -0,0 +1,31 @@
+import Svg, { ClipPath, Defs, G, Path, Rect, type SvgProps } from 'react-native-svg';
+const SvgDefiAlt = (props: SvgProps) => (
+  <Svg fill="none" viewBox="0 0 60 60" {...props}>
+    <G clipPath="url(#a)">
+      <Rect width="60" height="60" fill="#C653C6" rx="30" />
+      <Path
+        fill="#E87DE8"
+        d="M57.98.01v19.5a4.09 4.09 0 0 0-2.63 2.29L50.7 34.2a2 2 0 0 1-2.5 1.2l-2.53-.84a2 2 0 0 0-2.42 1l-2.97 5.94a2 2 0 0 1-3.7-.32L32.8 28.6a2 2 0 0 0-3.02-1.09l-3.35 2.23a2 2 0 0 0-.64.7l-5.3 9.72a2 2 0 0 1-1.43 1.01l-4.13.69a2 2 0 0 1-1.61-.44l-3.9-3.24a2 2 0 0 0-2.69.12L2.1 42.93.02 43V.01h57.96Z"
+      />
+      <Path
+        fill="#fff"
+        d="m61.95 16.94.05 2.1-3.85 1.28a3 3 0 0 0-1.86 1.79l-4.65 12.4a3 3 0 0 1-3.76 1.8l-2.53-.84a1 1 0 0 0-1.2.5l-2.98 5.94a3 3 0 0 1-5.55-.48l-3.78-12.58a1 1 0 0 0-1.5-.55l-3.35 2.23a1 1 0 0 0-.32.35l-5.3 9.72a3 3 0 0 1-2.14 1.52l-4.14.69a3 3 0 0 1-2.41-.66l-3.9-3.24a1 1 0 0 0-1.34.06l-5.28 5.28c-.05-.84-.08-1.75-.1-2.73l3.97-3.96a3 3 0 0 1 4.04-.19l3.89 3.25a1 1 0 0 0 .8.21l4.14-.68a1 1 0 0 0 .71-.51l5.3-9.71a3 3 0 0 1 .97-1.06l3.34-2.23a3 3 0 0 1 4.54 1.63l3.77 12.58a1 1 0 0 0 1.86.16l2.96-5.93a3 3 0 0 1 3.64-1.5l2.52.83a1 1 0 0 0 1.25-.6l4.66-12.4a5 5 0 0 1 3.1-2.99l4.43-1.48Z"
+      />
+      <Path
+        fill="#fff"
+        fillRule="evenodd"
+        d="M35.5 27a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0Z"
+        clipRule="evenodd"
+      />
+      <Path fill="#fff" d="M31 0v60h-2V0h2Z" />
+      <Path fill="#E87DE8" d="M33.5 27a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z" />
+    </G>
+    <Rect width="59" height="59" x=".5" y=".5" stroke="#fff" strokeOpacity=".1" rx="29.5" />
+    <Defs>
+      <ClipPath id="a">
+        <Rect width="60" height="60" fill="#fff" rx="30" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+export default SvgDefiAlt;

package/src/assets/visual/Eth.tsx

@@ -0,0 +1,45 @@
+import Svg, { ClipPath, Defs, G, Path, Rect, type SvgProps } from 'react-native-svg';
+const SvgEth = (props: SvgProps) => (
+  <Svg fill="none" viewBox="0 0 60 60" {...props}>
+    <G clipPath="url(#a)">
+      <Rect width="60" height="60" fill="#987DE8" rx="30" />
+      <Path
+        fill="#fff"
+        fillRule="evenodd"
+        d="m15.48 28.37 11.97-19.3a3 3 0 0 1 5.1 0l11.97 19.3a6 6 0 0 1 .9 3.14v.03a6 6 0 0 1-1.16 3.56L33.23 50.2a4 4 0 0 1-6.46 0L15.73 35.1a6 6 0 0 1-1.15-3.54v-.03a6 6 0 0 1 .9-3.16Z"
+        clipRule="evenodd"
+      />
+      <Path
+        fill="#643CDD"
+        d="M30.84 10.11a1 1 0 0 0-.84-.46V24.5l12.6 5.53a2 2 0 0 0-.28-1.4L30.84 10.11Z"
+      />
+      <Path
+        fill="#BDADEB"
+        d="M30 9.65a1 1 0 0 0-.85.46L17.66 28.64a2 2 0 0 0-.26 1.39L30 24.5V9.65Z"
+      />
+      <Path
+        fill="#643CDD"
+        d="M30 50.54a1 1 0 0 0 .8-.4l11.24-15.38c.3-.44-.2-1-.66-.73l-9.89 5.68a3 3 0 0 1-1.5.4v10.43Z"
+      />
+      <Path
+        fill="#BDADEB"
+        d="m17.97 34.76 11.22 15.37c.2.28.5.41.8.41V40.11a3 3 0 0 1-1.49-.4l-9.88-5.68c-.47-.27-.97.3-.65.73Z"
+      />
+      <Path
+        fill="#401AB3"
+        d="M42.6 30.03 30 24.5v13.14a3 3 0 0 0 1.5-.4l10.14-5.83a2 2 0 0 0 .95-1.38Z"
+      />
+      <Path
+        fill="#7C5AE2"
+        d="M30 37.64V24.46l-12.6 5.57a2 2 0 0 0 .97 1.39l10.13 5.82a3 3 0 0 0 1.5.4Z"
+      />
+    </G>
+    <Rect width="59" height="59" x=".5" y=".5" stroke="#fff" strokeOpacity=".1" rx="29.5" />
+    <Defs>
+      <ClipPath id="a">
+        <Rect width="60" height="60" fill="#fff" rx="30" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+export default SvgEth;

package/src/assets/visual/Google.tsx

@@ -0,0 +1,43 @@
+import Svg, { Path, Rect, type SvgProps } from 'react-native-svg';
+const GoogleSvg = (props: SvgProps) => (
+  <Svg width="64" height="64" viewBox="0 0 64 64" fill="none" {...props}>
+    <Rect width="64" height="64" rx="30" fill="#1DC956" />
+    <Rect x="0.5" y="0.5" width="63" height="63" rx="29.5" stroke="#141414" strokeOpacity="0.1" />
+    <Path
+      d="M32.4053 19.8031C35.3901 19.8031 38.0431 20.8349 40.1619 22.8247L45.9656 17.0211C42.4465 13.7416 37.8773 11.7333 32.4053 11.7333C24.4829 11.7333 17.6475 16.2841 14.3127 22.9168L21.056 28.1493C22.6589 23.359 27.136 19.8031 32.4053 19.8031Z"
+      fill="#1DC956"
+      stroke="white"
+      strokeWidth="2"
+      strokeLinejoin="round"
+    />
+    <Path
+      d="M32.4053 52.2667C37.8773 52.2667 42.465 50.4611 45.8182 47.3658L39.2407 42.2623C37.4351 43.4783 35.1321 44.2153 32.4053 44.2153C27.136 44.2153 22.6589 40.6594 21.056 35.8691L14.3127 41.1016C17.6475 47.7159 24.4829 52.2667 32.4053 52.2667Z"
+      fill="#2BEE6C"
+    />
+    <Path
+      d="M21.056 35.8507L19.5636 36.993L14.3127 41.0832M39.2407 42.2623L45.8182 47.3658C42.465 50.4611 37.8773 52.2667 32.4053 52.2667C24.4829 52.2667 17.6475 47.7159 14.3127 41.1016L21.056 35.8691C22.6589 40.6594 27.136 44.2153 32.4053 44.2153C35.1321 44.2153 37.4351 43.4783 39.2407 42.2623Z"
+      stroke="white"
+      strokeWidth="2"
+      strokeLinejoin="round"
+    />
+    <Path
+      d="M51.8613 32.4606C51.8613 31.0235 51.7323 29.6417 51.4928 28.3151H32.4053V36.1638H43.3124C42.8334 38.688 41.3963 40.8252 39.2407 42.2623L45.8181 47.3658C49.6503 43.8283 51.8613 38.6327 51.8613 32.4606Z"
+      fill="#1FAD7E"
+      stroke="white"
+      strokeWidth="2"
+      strokeLinejoin="round"
+    />
+    <Path
+      d="M21.056 35.8507C20.6507 34.6347 20.4111 33.345 20.4111 32C20.4111 30.655 20.6507 29.3653 21.056 28.1493L14.3127 22.9169C12.9309 25.6437 12.1387 28.7205 12.1387 32C12.1387 35.2795 12.9309 38.3564 14.3127 41.0831L19.5636 36.993L21.056 35.8507Z"
+      fill="#86F999"
+    />
+    <Path
+      d="M21.056 35.8691L14.3127 41.1016M21.056 35.8507C20.6507 34.6347 20.4111 33.345 20.4111 32C20.4111 30.655 20.6507 29.3653 21.056 28.1493L14.3127 22.9169C12.9309 25.6437 12.1387 28.7205 12.1387 32C12.1387 35.2795 12.9309 38.3564 14.3127 41.0831L19.5636 36.993L21.056 35.8507Z"
+      stroke="white"
+      strokeWidth="2"
+      strokeLinejoin="round"
+    />
+  </Svg>
+);
+
+export default GoogleSvg;

package/src/assets/visual/Layers.tsx

@@ -0,0 +1,26 @@
+import Svg, { Path, Rect, type SvgProps } from 'react-native-svg';
+const SvgLayers = (props: SvgProps) => (
+  <Svg fill="none" viewBox="0 0 60 60" {...props}>
+    <Rect width="60" height="60" fill="#1DC956" rx="3" />
+    <Path
+      fill="#1FAD7E"
+      stroke="#fff"
+      strokeWidth="2"
+      d="m30.49 29.13-.49-.27-.49.27-12.77 7.1-.05.02c-.86.48-1.58.88-2.1 1.24-.54.37-1.04.81-1.28 1.45a3 3 0 0 0 0 2.12c.24.63.74 1.08 1.27 1.45.53.36 1.25.76 2.11 1.24l.05.03 6.33 3.51.17.1c2.33 1.3 3.72 2.06 5.22 2.32a9 9 0 0 0 3.08 0c1.5-.26 2.9-1.03 5.22-2.32l.18-.1 6.32-3.51.05-.03a26.9 26.9 0 0 0 2.1-1.24 3.21 3.21 0 0 0 1.28-1.45l-.94-.35.94.35a3 3 0 0 0 0-2.12l-.94.35.94-.35a3.21 3.21 0 0 0-1.27-1.45c-.53-.36-1.25-.76-2.11-1.24l-.05-.03-12.77-7.1Z"
+    />
+    <Path
+      fill="#2BEE6C"
+      stroke="#fff"
+      strokeWidth="2"
+      d="m30.49 19.13-.49-.27-.49.27-12.77 7.1-.05.02c-.86.48-1.58.88-2.1 1.24-.54.37-1.04.81-1.28 1.45a3 3 0 0 0 0 2.12c.24.63.74 1.08 1.27 1.45.53.36 1.25.76 2.11 1.24l.05.03 6.33 3.51.17.1c2.33 1.3 3.72 2.06 5.22 2.32a9 9 0 0 0 3.08 0c1.5-.26 2.9-1.03 5.22-2.32l.18-.1 6.32-3.51.05-.03a26.9 26.9 0 0 0 2.1-1.24 3.21 3.21 0 0 0 1.28-1.45l-.94-.35.94.35a3 3 0 0 0 0-2.12l-.94.35.94-.35a3.21 3.21 0 0 0-1.27-1.45c-.53-.36-1.25-.76-2.11-1.24l-.05-.03-12.77-7.1Z"
+    />
+    <Path
+      fill="#86F999"
+      stroke="#fff"
+      strokeWidth="2"
+      d="m46.69 21.06-.94-.35.94.35a3 3 0 0 0 0-2.12l-.94.35.94-.35a3.21 3.21 0 0 0-1.27-1.45c-.53-.36-1.25-.76-2.11-1.24l-.05-.03-6.32-3.51-.18-.1c-2.33-1.3-3.72-2.06-5.22-2.33a9 9 0 0 0-3.08 0c-1.5.27-2.9 1.04-5.22 2.33l-.17.1-6.33 3.51-.05.03c-.86.48-1.58.88-2.1 1.24-.54.37-1.04.81-1.28 1.45a3 3 0 0 0 0 2.12c.24.63.74 1.08 1.27 1.45.53.36 1.25.76 2.11 1.24l.05.03 6.33 3.51.17.1c2.33 1.3 3.72 2.06 5.22 2.32a9 9 0 0 0 3.08 0c1.5-.26 2.9-1.03 5.22-2.32l.18-.1 6.32-3.51.05-.03a26.9 26.9 0 0 0 2.1-1.24 3.21 3.21 0 0 0 1.28-1.45Z"
+    />
+    <Rect width="59" height="59" x=".5" y=".5" stroke="#fff" strokeOpacity=".1" rx="2.5" />
+  </Svg>
+);
+export default SvgLayers;