Commit 8a818173a00 for woocommerce
commit 8a818173a00d62617bd46f502e32f90754330f55
Author: Francesco <frosso@users.noreply.github.com>
Date: Tue Jun 16 18:17:47 2026 +0200
refactor: WooPayments onboarding components (#51572)
diff --git a/packages/js/onboarding/README.md b/packages/js/onboarding/README.md
index 95a870a4a76..da94991eaea 100644
--- a/packages/js/onboarding/README.md
+++ b/packages/js/onboarding/README.md
@@ -2,6 +2,8 @@
A collection of onboarding related components and utilities.
+> **Note:** This package is intended for internal WooCommerce use. It ships ESM only, and some components (e.g. the payment-method logos) import `.svg` assets, so it must be consumed through a bundler that resolves asset imports (as WooCommerce admin does via the `wc-source` export). It is not designed for plain Node consumption.
+
## Installation
Install the module
diff --git a/packages/js/onboarding/build.mjs b/packages/js/onboarding/build.mjs
index 2d76d01222e..7e916bf442e 100644
--- a/packages/js/onboarding/build.mjs
+++ b/packages/js/onboarding/build.mjs
@@ -1,3 +1,8 @@
import { runPackageBuilder } from '@woocommerce/internal-build';
-await runPackageBuilder( { entryPoints: 'src/**/*.{ts,tsx,js,jsx}' } );
+await runPackageBuilder( {
+ entryPoints: 'src/**/*.{ts,tsx,js,jsx}',
+ // SVG imports are left untouched by the (non-bundling) transpile, so the
+ // asset files must be copied alongside the emitted modules.
+ assets: [ 'src/**/*.svg' ],
+} );
diff --git a/packages/js/onboarding/changelog/performance-woopayments-onboarding-svg-assets b/packages/js/onboarding/changelog/performance-woopayments-onboarding-svg-assets
new file mode 100644
index 00000000000..8894183bba3
--- /dev/null
+++ b/packages/js/onboarding/changelog/performance-woopayments-onboarding-svg-assets
@@ -0,0 +1,4 @@
+Significance: major
+Type: performance
+
+Convert WooPayments onboarding payment method logos from inline JSX SVG components to static SVG assets, and remove the now-unused WCPayCard, WCPayAcceptedMethods, and individual icon exports.
diff --git a/packages/js/onboarding/package.json b/packages/js/onboarding/package.json
index f4bf538d255..8cf457d9738 100644
--- a/packages/js/onboarding/package.json
+++ b/packages/js/onboarding/package.json
@@ -24,16 +24,13 @@
".": {
"wc-source": "./src/index.ts",
"types": "./build-types/index.d.ts",
- "import": "./build-module/index.js",
- "require": "./build/index.js"
+ "import": "./build-module/index.js"
}
},
- "main": "build/index.js",
"module": "build-module/index.js",
"types": "build-types/index.d.ts",
"react-native": "src/index",
"files": [
- "build",
"build-module",
"build-style",
"build-types"
@@ -44,7 +41,6 @@
"build:project:bundle": "NODE_ENV=production webpack",
"build:project:esm": "node build.mjs",
"build:publish:project": "pnpm --stream '/^build:publish:project:.*$/'",
- "build:publish:project:cjs": "node build.mjs --commonjs",
"build:publish:project:types": "tsc --build --emitDeclarationOnly",
"build:publish:project:runtime": "pnpm build:project",
"changelog": "XDEBUG_MODE=off composer install --quiet && composer exec -- changelogger",
@@ -110,8 +106,7 @@
"exports": {
".": {
"types": "./build-types/index.d.ts",
- "import": "./build-module/index.js",
- "require": "./build/index.js"
+ "import": "./build-module/index.js"
}
}
},
diff --git a/packages/js/onboarding/src/components/WCPayAcceptedMethods.tsx b/packages/js/onboarding/src/components/WCPayAcceptedMethods.tsx
deleted file mode 100644
index a6e75c5c5c0..00000000000
--- a/packages/js/onboarding/src/components/WCPayAcceptedMethods.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement, Fragment } from '@wordpress/element';
-import { Text } from '@woocommerce/experimental';
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import Visa from '../images/cards/visa.js';
-import MasterCard from '../images/cards/mastercard.js';
-import Maestro from '../images/cards/maestro.js';
-import Amex from '../images/cards/amex.js';
-import ApplePay from '../images/cards/applepay.js';
-import CB from '../images/cards/cb.js';
-import DinersClub from '../images/cards/diners.js';
-import Discover from '../images/cards/discover.js';
-import JCB from '../images/cards/jcb.js';
-import UnionPay from '../images/cards/unionpay.js';
-
-export const WCPayAcceptedMethods: React.VFC = () => (
- <>
- <Text as="h3" variant="label" weight="600" size="12" lineHeight="16px">
- { __( 'Accepted payment methods', 'woocommerce' ) }
- </Text>
-
- <div className="woocommerce-task-payment-wcpay__accepted">
- <Visa />
- <MasterCard />
- <Maestro />
- <Amex />
- <DinersClub />
- <CB />
- <Discover />
- <UnionPay />
- <JCB />
- <ApplePay />
- </div>
- </>
-);
diff --git a/packages/js/onboarding/src/components/WCPayCard/WCPayCard.scss b/packages/js/onboarding/src/components/WCPayCard/WCPayCard.scss
deleted file mode 100644
index c21e835ff68..00000000000
--- a/packages/js/onboarding/src/components/WCPayCard/WCPayCard.scss
+++ /dev/null
@@ -1,43 +0,0 @@
-.woocommerce-task-payments .woocommerce-task-payment-wcpay {
- .woocommerce-task-payment-wcpay__description {
- font-size: 16px;
- margin-bottom: $gap-large;
- }
-
- .components-card__header {
- margin-bottom: $gap-small;
- justify-content: flex-start;
- padding: 25px;
-
- .woocommerce-pill {
- margin-left: $gap-small;
- }
- }
-
- .components-card__footer {
- flex-direction: column;
- align-items: flex-start;
-
- .components-button {
- margin-top: $gap;
- margin-left: 0;
- }
- }
-
- .components-card__body {
- h2 {
- margin: 0 0 20px 0;
- }
- }
-
- .woocommerce-task-payment-wcpay__accepted {
- display: flex;
- margin-top: $gap-small;
- flex-wrap: wrap;
- gap: $gap-small;
-
- h3 {
- color: #40464d;
- }
- }
-}
diff --git a/packages/js/onboarding/src/components/WCPayCard/WCPayCard.tsx b/packages/js/onboarding/src/components/WCPayCard/WCPayCard.tsx
deleted file mode 100644
index b964e33567b..00000000000
--- a/packages/js/onboarding/src/components/WCPayCard/WCPayCard.tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-/**
- * External dependencies
- */
-import { Card, CardBody, CardHeader, CardFooter } from '@wordpress/components';
-import { Text } from '@woocommerce/experimental';
-import { createElement } from '@wordpress/element';
-import { Link } from '@woocommerce/components';
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import { WCPayAcceptedMethods } from '../WCPayAcceptedMethods';
-import WCPayLogo from '../../images/wcpay-logo';
-
-type WCPayCardHeaderProps = {
- logoWidth?: number;
- logoHeight?: number;
- children?: React.ReactNode;
-};
-
-export const WCPayCardHeader = ( {
- logoWidth = 196,
- logoHeight = 41,
- children,
-}: WCPayCardHeaderProps ) => (
- <CardHeader as="h2">
- <WCPayLogo width={ logoWidth } height={ logoHeight } />
- { children }
- </CardHeader>
-);
-
-type WCPayCardBodyProps = {
- description: string;
- heading: string;
- onLinkClick?: () => void;
-};
-
-export const WCPayCardBody: React.VFC< WCPayCardBodyProps > = ( {
- description,
- heading,
- onLinkClick = () => {},
-} ) => (
- <CardBody>
- { heading && <Text as="h2">{ heading }</Text> }
-
- <Text
- className="woocommerce-task-payment-wcpay__description"
- as="p"
- lineHeight="1.5em"
- >
- { description }
- <br />
- <Link
- target="_blank"
- type="external"
- rel="noreferrer"
- href="https://woocommerce.com/payments/?utm_medium=product"
- onClick={ onLinkClick }
- >
- { __( 'Learn more', 'woocommerce' ) }
- </Link>
- </Text>
-
- <WCPayAcceptedMethods />
- </CardBody>
-);
-
-export const WCPayCardFooter = ( {
- children,
-}: {
- children?: React.ReactNode;
-} ) => <CardFooter>{ children }</CardFooter>;
-
-export const WCPayCard = ( { children }: { children?: React.ReactNode } ) => {
- return <Card className="woocommerce-task-payment-wcpay">{ children }</Card>;
-};
diff --git a/packages/js/onboarding/src/components/WCPayCard/index.ts b/packages/js/onboarding/src/components/WCPayCard/index.ts
deleted file mode 100644
index 3c22a1c0647..00000000000
--- a/packages/js/onboarding/src/components/WCPayCard/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './WCPayCard';
diff --git a/packages/js/onboarding/src/components/WooPaymentsMethodsLogos/PaymentMethodsLogos.scss b/packages/js/onboarding/src/components/WooPaymentsMethodsLogos/PaymentMethodsLogos.scss
index 31562cb9370..16d34eaa575 100644
--- a/packages/js/onboarding/src/components/WooPaymentsMethodsLogos/PaymentMethodsLogos.scss
+++ b/packages/js/onboarding/src/components/WooPaymentsMethodsLogos/PaymentMethodsLogos.scss
@@ -4,15 +4,15 @@
padding: $gap-small 0;
gap: $gap-smaller;
- svg {
+ img {
width: 38px;
height: 24px;
// Elements without background get a border
- &:not([style*="background"]) {
+ &:not(.has-background) {
border: 1px solid $gray-100;
}
// Elements with background get extra 2px in dimensions to match bordered elements
- &[style*="background"] {
+ &.has-background {
width: 40px;
height: 26px;
}
diff --git a/packages/js/onboarding/src/components/WooPaymentsMethodsLogos/index.tsx b/packages/js/onboarding/src/components/WooPaymentsMethodsLogos/index.tsx
index ea8745875cb..46057314728 100644
--- a/packages/js/onboarding/src/components/WooPaymentsMethodsLogos/index.tsx
+++ b/packages/js/onboarding/src/components/WooPaymentsMethodsLogos/index.tsx
@@ -8,118 +8,88 @@ import { Popover } from '@wordpress/components';
/**
* Internal dependencies
*/
-import Visa from '../../images/cards/visa';
-import MasterCard from '../../images/cards/mastercard';
-import Amex from '../../images/cards/amex';
-import Discover from '../../images/cards/discover';
-import ApplePay from '../../images/cards/applepay';
-import GooglePay from '../../images/cards/googlepay';
-import JCB from '../../images/cards/jcb';
-import WooPay from '../../images/payment-methods/woopay';
-import AfterPay from '../../images/payment-methods/afterpay';
-import Affirm from '../../images/payment-methods/affirm';
-import Klarna from '../../images/payment-methods/klarna';
-import Cartebancaire from '../../images/cards/cb';
-import UnionPay from '../../images/cards/unionpay';
-import Diners from '../../images/cards/diners';
-import Eftpos from '../../images/cards/eftpos';
-import Ideal from '../../images/payment-methods/ideal';
-import Bancontact from '../../images/payment-methods/bancontact';
-import Eps from '../../images/payment-methods/eps';
-import Becs from '../../images/payment-methods/becs';
-import Przelewy24 from '../../images/payment-methods/przelewy24';
-import GrabPay from '../../images/payment-methods/grabpay';
+import visa from '../../images/cards/visa.svg';
+import mastercard from '../../images/cards/mastercard.svg';
+import amex from '../../images/cards/amex.svg';
+import discover from '../../images/cards/discover.svg';
+import applepay from '../../images/cards/applepay.svg';
+import googlepay from '../../images/cards/googlepay.svg';
+import jcb from '../../images/cards/jcb.svg';
+import cartebancaire from '../../images/cards/cb.svg';
+import unionpay from '../../images/cards/unionpay.svg';
+import diners from '../../images/cards/diners.svg';
+import eftpos from '../../images/cards/eftpos.svg';
+import woopay from '../../images/payment-methods/woopay.svg';
+import afterpay from '../../images/payment-methods/afterpay.svg';
+import affirm from '../../images/payment-methods/affirm.svg';
+import klarna from '../../images/payment-methods/klarna.svg';
+import ideal from '../../images/payment-methods/ideal.svg';
+import bancontact from '../../images/payment-methods/bancontact.svg';
+import eps from '../../images/payment-methods/eps.svg';
+import becs from '../../images/payment-methods/becs.svg';
+import przelewy24 from '../../images/payment-methods/przelewy24.svg';
+import grabpay from '../../images/payment-methods/grabpay.svg';
+
+interface PaymentMethod {
+ name: string;
+ /** URL of the logo asset. */
+ src: string;
+ /**
+ * CSS background painted on the element behind the logo. Some marks ship
+ * with a non-transparent backdrop; since the logo is rendered through an
+ * <img> (and letterboxed to the fixed box), the backdrop has to live on
+ * the element rather than inside the asset so it fills the whole box.
+ */
+ background?: string;
+}
/**
* Payment methods list.
*/
-const PaymentMethods = [
- {
- name: 'visa',
- component: <Visa key="visa" />,
- },
- {
- name: 'mastercard',
- component: <MasterCard key="mastercard" />,
- },
- {
- name: 'amex',
- component: <Amex key="amex" />,
- },
- {
- name: 'discover',
- component: <Discover key="discover" />,
- },
- {
- name: 'woopay',
- component: <WooPay key="woopay" />,
- },
- {
- name: 'applepay',
- component: <ApplePay key="applepay" />,
- },
- {
- name: 'googlepay',
- component: <GooglePay key="googlepay" />,
- },
- {
- name: 'afterpay',
- component: <AfterPay key="afterpay" />,
- },
- {
- name: 'affirm',
- component: <Affirm key="affirm" />,
- },
- {
- name: 'klarna',
- component: <Klarna key="klarna" />,
- },
+const PaymentMethods: PaymentMethod[] = [
+ { name: 'visa', src: visa },
+ { name: 'mastercard', src: mastercard },
+ { name: 'amex', src: amex, background: '#006FCF' },
+ { name: 'discover', src: discover },
+ { name: 'woopay', src: woopay, background: '#873EFF' },
+ { name: 'applepay', src: applepay },
+ { name: 'googlepay', src: googlepay },
+ { name: 'afterpay', src: afterpay, background: '#B2FCE4' },
+ { name: 'affirm', src: affirm },
+ { name: 'klarna', src: klarna, background: '#FFB3C7' },
{
name: 'cartebancaire',
- component: <Cartebancaire key="cartebancaire" />,
- },
- {
- name: 'unionpay',
- component: <UnionPay key="unionpay" />,
- },
- {
- name: 'diners',
- component: <Diners key="diners" />,
- },
- {
- name: 'eftpos',
- component: <Eftpos key="eftpos" />,
- },
- {
- name: 'jcb',
- component: <JCB key="jcb" />,
- },
- {
- name: 'bancontact',
- component: <Bancontact key="bancontact" />,
- },
- {
- name: 'becs',
- component: <Becs key="becs" />,
- },
- {
- name: 'eps',
- component: <Eps key="eps" />,
- },
- {
- name: 'ideal',
- component: <Ideal key="ideal" />,
- },
- {
- name: 'przelewy24',
- component: <Przelewy24 key="przelewy24" />,
- },
- {
- name: 'grabpay',
- component: <GrabPay key="grabpay" />,
+ src: cartebancaire,
+ background:
+ 'linear-gradient(30deg, #2E2E79 0%, #2581C4 25%, #E6D6DB 50%, #E3756A 75%, #C90C0F 100%)',
},
+ { name: 'unionpay', src: unionpay },
+ { name: 'diners', src: diners },
+ { name: 'eftpos', src: eftpos, background: 'rgba(31, 0, 56, 1)' },
+ { name: 'jcb', src: jcb, background: 'rgba(14, 76, 150, 1)' },
+ { name: 'bancontact', src: bancontact },
+ { name: 'becs', src: becs },
+ { name: 'eps', src: eps },
+ { name: 'ideal', src: ideal },
+ { name: 'przelewy24', src: przelewy24 },
+ { name: 'grabpay', src: grabpay },
];
+// Logos are decorative: the surrounding copy and the "+N" affordance convey
+// the meaning, so they carry no accessible name (matching the prior inline SVGs).
+const renderLogo = ( pm: PaymentMethod ) => (
+ <img
+ key={ pm.name }
+ src={ pm.src }
+ alt=""
+ width={ pm.background ? 40 : 38 }
+ height={ pm.background ? 26 : 24 }
+ className={ pm.background ? 'has-background' : undefined }
+ style={ pm.background ? { background: pm.background } : undefined }
+ loading="lazy"
+ />
+);
+
export const WooPaymentsMethodsLogos = ( {
/**
* Whether the store (location) is eligible for WooPay.
@@ -268,7 +238,7 @@ export const WooPaymentsMethodsLogos = ( {
return (
<div className="woocommerce-woopayments-payment-methods-logos">
- { visiblePaymentMethods.map( ( pm ) => pm.component ) }
+ { visiblePaymentMethods.map( renderLogo ) }
{ maxShownElements < maxSupportedPaymentMethods && (
<div
className="woocommerce-woopayments-payment-methods-logos-count"
@@ -292,9 +262,7 @@ export const WooPaymentsMethodsLogos = ( {
onKeyDown={ handleKeyDown }
>
<div className="woocommerce-woopayments-payment-methods-logos">
- { hiddenPaymentMethods.map(
- ( pm ) => pm.component
- ) }
+ { hiddenPaymentMethods.map( renderLogo ) }
</div>
</Popover>
) }
diff --git a/packages/js/onboarding/src/images/cards/amex.js b/packages/js/onboarding/src/images/cards/amex.js
deleted file mode 100644
index e6a283a5956..00000000000
--- a/packages/js/onboarding/src/images/cards/amex.js
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement } from '@wordpress/element';
-
-export default () => (
- <svg
- width="64"
- height="40"
- viewBox="0 0 64 40"
- fill="none"
- xmlns="http://www.w3.org/2000/svg"
- style={ {
- // Having a background color on the SVG will make the border disappear
- background: '#006FCF',
- } }
- >
- <g clipPath="url(#clip0_7623_49052)">
- <rect width="64" height="40" rx="3" fill="white" />
- <path
- d="M56.5333 9.81335L57.8133 6.33335L64 6.38669V0.0533428L0 0V40L64 40.0533V33.7333L58.1467 33.68L56.1067 31.2934L53.9867 33.68H38.3067V20.9734H33.1333L39.6 6.33335H45.8933L47.4133 9.65334V6.33335H55.2267L56.5333 9.81335ZM52.12 12.12L52.1067 10.72L52.64 12.12L55.24 19.0667H57.8267L60.44 12.12L60.9467 10.7333V19.0667L64 19.12V8.45334L59.1467 8.4L57.0933 13.8134L56.5467 15.28L55.9867 13.8134L53.92 8.4H49.4V19.0667H52.12V12.12ZM46.2667 19.0667H49.4L44.7067 8.4H41.0667L36.3466 19.0667H39.44L40.2667 17.0134H45.44L46.2667 19.0667ZM42.32 12.0134L42.8533 10.68L43.3867 12.0134L44.4933 14.7066H41.2133L42.32 12.0134ZM40.4933 20.9866V31.6134H49.4V29.3066H43.2133V27.4534H49.28V25.16H43.2133V23.2934H49.4V20.9866H40.4933ZM59.3067 31.6134H62.84L57.8533 26.28L62.84 20.9866H59.36L56.1467 24.44L52.9467 20.9866H49.4L54.3733 26.32L49.4 31.6134H52.84L56.08 28.1467L59.3067 31.6134ZM60.6533 26.2666L64 29.3867V23.2934L60.6533 26.2666Z"
- fill="#006FCF"
- />
- </g>
- <defs>
- <clipPath id="clip0_7623_49052">
- <rect width="64" height="40" rx="3" fill="white" />
- </clipPath>
- </defs>
- </svg>
-);
diff --git a/packages/js/onboarding/src/images/cards/amex.svg b/packages/js/onboarding/src/images/cards/amex.svg
new file mode 100644
index 00000000000..3b97891a231
--- /dev/null
+++ b/packages/js/onboarding/src/images/cards/amex.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="40" fill="none" viewBox="0 0 64 40"><g clip-path="url(#a)"><rect width="64" height="40" fill="#fff" rx="3"/><path fill="#006FCF" d="m56.533 9.813 1.28-3.48L64 6.387V.053L0 0v40l64 .053v-6.32l-5.853-.053-2.04-2.387-2.12 2.387h-15.68V20.973h-5.174L39.6 6.333h6.293l1.52 3.32v-3.32h7.814zM52.12 12.12l-.013-1.4.533 1.4 2.6 6.947h2.587l2.613-6.947.507-1.387v8.334L64 19.12V8.453L59.147 8.4l-2.054 5.413-.546 1.467-.56-1.467L53.92 8.4H49.4v10.667h2.72zm-5.853 6.947H49.4L44.707 8.4h-3.64l-4.72 10.667h3.093l.827-2.054h5.173zm-3.947-7.054.533-1.333.534 1.333 1.106 2.694h-3.28zm-1.827 8.974v10.626H49.4v-2.306h-6.187v-1.854h6.067V25.16h-6.067v-1.867H49.4v-2.306zm18.814 10.626h3.533l-4.987-5.333 4.987-5.293h-3.48l-3.213 3.453-3.2-3.453H49.4l4.973 5.333-4.973 5.293h3.44l3.24-3.466zm1.346-5.346L64 29.387v-6.094z"/></g><defs><clipPath id="a"><rect width="64" height="40" fill="#fff" rx="3"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/packages/js/onboarding/src/images/cards/applepay.js b/packages/js/onboarding/src/images/cards/applepay.js
deleted file mode 100644
index 544c762fca8..00000000000
--- a/packages/js/onboarding/src/images/cards/applepay.js
+++ /dev/null
@@ -1,22 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement } from '@wordpress/element';
-
-export default () => (
- <svg
- width="64"
- height="40"
- viewBox="0 0 64 40"
- fill="none"
- xmlns="http://www.w3.org/2000/svg"
- >
- <rect width="64" height="40" fill="white" />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M18.92 13.32C18.42 13.92 17.6 14.41 16.79 14.34C16.69 13.52 17.09 12.64 17.55 12.1C18.05 11.48 18.95 11.03 19.67 11C19.75 11.86 19.42 12.7 18.92 13.32ZM19.66 14.5C19.0027 14.5012 18.3538 14.6481 17.76 14.93C17.4955 15.0585 17.2118 15.143 16.92 15.18C16.67 15.18 16.37 15.06 16.03 14.92C15.59 14.75 15.09 14.54 14.56 14.55C13.9502 14.5664 13.3555 14.7433 12.8358 15.0628C12.3161 15.3823 11.8899 15.8332 11.6 16.37C10.33 18.57 11.27 21.85 12.5 23.65C13.1 24.54 13.82 25.51 14.77 25.48C15.19 25.46 15.49 25.34 15.8 25.2C16.16 25.05 16.53 24.89 17.11 24.89C17.67 24.89 18.03 25.04 18.37 25.19C18.69 25.34 19 25.47 19.47 25.46C20.45 25.45 21.07 24.57 21.67 23.68C22.32 22.73 22.6 21.79 22.64 21.65V21.64L22.63 21.62C22.41 21.52 20.75 20.76 20.73 18.7C20.7357 18.1518 20.8788 17.6138 21.146 17.1351C21.4133 16.6565 21.7963 16.2525 22.26 15.96L22.29 15.94C21.9942 15.5116 21.6023 15.1583 21.1457 14.9083C20.689 14.6583 20.1803 14.5185 19.66 14.5ZM26.46 25.37V12.02H31.42C32.0003 11.994 32.5796 12.0899 33.1205 12.3013C33.6615 12.5128 34.1522 12.8352 34.5611 13.2478C34.9699 13.6604 35.2878 14.154 35.4943 14.697C35.7008 15.2399 35.7913 15.82 35.76 16.4C35.76 19 33.94 20.8 31.35 20.8H28.5V25.37H26.45H26.46ZM28.51 13.77H30.87C32.65 13.77 33.67 14.73 33.67 16.41C33.67 18.1 32.65 19.07 30.87 19.07H28.5V13.77H28.51ZM42.53 23.77C42.2261 24.3011 41.7838 24.7397 41.2502 25.0391C40.7165 25.3385 40.1116 25.4874 39.5 25.47C37.6 25.47 36.27 24.32 36.27 22.59C36.27 20.89 37.56 19.89 39.94 19.75L42.49 19.6V18.86C42.49 17.77 41.79 17.18 40.54 17.18C39.5 17.18 38.75 17.72 38.6 18.54H36.75C36.81 16.81 38.42 15.56 40.6 15.56C42.94 15.56 44.47 16.8 44.47 18.72V25.37H42.57V23.77H42.53ZM40.05 23.89C38.96 23.89 38.27 23.36 38.27 22.54C38.27 21.7 38.94 21.22 40.22 21.14L42.49 20.99V21.75C42.49 23 41.44 23.89 40.05 23.89ZM50.76 25.89C49.94 28.23 49 29 47 29C46.7392 29.0015 46.4785 28.9848 46.22 28.95V27.35L46.82 27.38C47.72 27.38 48.24 27 48.55 25.99L48.74 25.4L45.26 15.68H47.41L49.82 23.58H49.86L52.28 15.68H54.36L50.76 25.89Z"
- fill="black"
- />
- </svg>
-);
diff --git a/packages/js/onboarding/src/images/cards/applepay.svg b/packages/js/onboarding/src/images/cards/applepay.svg
new file mode 100644
index 00000000000..d0505376f90
--- /dev/null
+++ b/packages/js/onboarding/src/images/cards/applepay.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="40" fill="none" viewBox="0 0 64 40"><path fill="#fff" d="M0 0h64v40H0z"/><path fill="#000" fill-rule="evenodd" d="M18.92 13.32c-.5.6-1.32 1.09-2.13 1.02-.1-.82.3-1.7.76-2.24.5-.62 1.4-1.07 2.12-1.1.08.86-.25 1.7-.75 2.32m.74 1.18a4.45 4.45 0 0 0-1.9.43 2.7 2.7 0 0 1-.84.25c-.25 0-.55-.12-.89-.26-.44-.17-.94-.38-1.47-.37a3.47 3.47 0 0 0-2.96 1.82c-1.27 2.2-.33 5.48.9 7.28.6.89 1.32 1.86 2.27 1.83.42-.02.72-.14 1.03-.28.36-.15.73-.31 1.31-.31.56 0 .92.15 1.26.3.32.15.63.28 1.1.27.98-.01 1.6-.89 2.2-1.78.65-.95.93-1.89.97-2.03v-.01l-.01-.02c-.22-.1-1.88-.86-1.9-2.92a3.28 3.28 0 0 1 1.53-2.74l.03-.02a3.34 3.34 0 0 0-2.63-1.44m6.8 10.87V12.02h4.96a4.16 4.16 0 0 1 4.34 4.38c0 2.6-1.82 4.4-4.41 4.4H28.5v4.57h-2.05zm2.05-11.6h2.36c1.78 0 2.8.96 2.8 2.64 0 1.69-1.02 2.66-2.8 2.66H28.5v-5.3zm14.02 10a3.38 3.38 0 0 1-3.03 1.7c-1.9 0-3.23-1.15-3.23-2.88 0-1.7 1.29-2.7 3.67-2.84l2.55-.15v-.74c0-1.09-.7-1.68-1.95-1.68-1.04 0-1.79.54-1.94 1.36h-1.85c.06-1.73 1.67-2.98 3.85-2.98 2.34 0 3.87 1.24 3.87 3.16v6.65h-1.9v-1.6zm-2.48.12c-1.09 0-1.78-.53-1.78-1.35 0-.84.67-1.32 1.95-1.4l2.27-.15v.76c0 1.25-1.05 2.14-2.44 2.14m10.71 2C49.94 28.23 49 29 47 29a6 6 0 0 1-.78-.05v-1.6l.6.03c.9 0 1.42-.38 1.73-1.39l.19-.59-3.48-9.72h2.15l2.41 7.9h.04l2.42-7.9h2.08z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/js/onboarding/src/images/cards/cb.js b/packages/js/onboarding/src/images/cards/cb.js
deleted file mode 100644
index 1c07facfda8..00000000000
--- a/packages/js/onboarding/src/images/cards/cb.js
+++ /dev/null
@@ -1,40 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement } from '@wordpress/element';
-
-export default () => (
- <svg
- xmlns="http://www.w3.org/2000/svg"
- width="38"
- height="24"
- fill="none"
- viewBox="0 0 38 24"
- style={ {
- background:
- 'linear-gradient(30deg, #2E2E79 0%, #2581C4 25%, #E6D6DB 50%, #E3756A 75%, #C90C0F 100%)',
- } }
- >
- <g clipPath="url(#clip0_10177_17774)">
- <path
- fill="#fff"
- d="M32 9.234c0-.381-.075-.763-.226-1.132a2.7 2.7 0 0 0-.647-.932 2.6 2.6 0 0 0-1.03-.626q-.557-.177-1.528-.175h-8.64v5.743h8.647q.961.002 1.526-.175a2.66 2.66 0 0 0 1.031-.626c.283-.269.496-.581.647-.932Q32 9.807 32 9.234M32 15.747q0-.58-.226-1.133a2.7 2.7 0 0 0-.647-.932 2.6 2.6 0 0 0-1.03-.625q-.557-.181-1.528-.182h-8.64v5.756h8.647c.64 0 1.15-.063 1.526-.181a2.66 2.66 0 0 0 1.031-.626c.283-.27.496-.582.647-.939.145-.375.22-.75.22-1.138M19.15 12.106C18.976 8.396 16.299 6 12.083 6 7.727 6 5 8.565 5 12.5c0 4.06 2.84 6.5 7.082 6.5 4.247 0 6.905-2.409 7.069-6.125H12.3v-.763h6.85z"
- ></path>
- </g>
- <rect
- width="36.795"
- height="22.795"
- x="0.603"
- y="0.603"
- stroke="#000"
- strokeOpacity="0.07"
- strokeWidth="1.205"
- rx="1.808"
- ></rect>
- <defs>
- <clipPath id="clip0_10177_17774">
- <rect width="38" height="24" fill="#fff" rx="2.41"></rect>
- </clipPath>
- </defs>
- </svg>
-);
diff --git a/packages/js/onboarding/src/images/cards/cb.svg b/packages/js/onboarding/src/images/cards/cb.svg
new file mode 100644
index 00000000000..fbcd3606720
--- /dev/null
+++ b/packages/js/onboarding/src/images/cards/cb.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="38" height="24" fill="none" viewBox="0 0 38 24"><g clip-path="url(#a)"><path fill="#fff" d="M32 9.234a3 3 0 0 0-.226-1.132 2.7 2.7 0 0 0-.647-.932 2.6 2.6 0 0 0-1.03-.626q-.557-.177-1.528-.175h-8.64v5.743h8.647q.961.002 1.526-.175a2.66 2.66 0 0 0 1.031-.626c.283-.269.496-.581.647-.932q.22-.572.22-1.145m0 6.513q0-.58-.226-1.133a2.7 2.7 0 0 0-.647-.932 2.6 2.6 0 0 0-1.03-.625q-.557-.181-1.528-.182h-8.64v5.756h8.647q.961-.002 1.526-.181a2.66 2.66 0 0 0 1.031-.626c.283-.27.496-.582.647-.939.145-.375.22-.75.22-1.138m-12.85-3.641C18.976 8.396 16.299 6 12.083 6 7.727 6 5 8.565 5 12.5c0 4.06 2.84 6.5 7.082 6.5 4.247 0 6.905-2.409 7.069-6.125H12.3v-.763h6.85z"/></g><rect width="36.795" height="22.795" x=".603" y=".603" stroke="#000" stroke-opacity=".07" stroke-width="1.205" rx="1.808"/><defs><clipPath id="a"><rect width="38" height="24" fill="#fff" rx="2.41"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/packages/js/onboarding/src/images/cards/diners.js b/packages/js/onboarding/src/images/cards/diners.js
deleted file mode 100644
index 117557aaaa7..00000000000
--- a/packages/js/onboarding/src/images/cards/diners.js
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement } from '@wordpress/element';
-
-export default () => (
- <svg
- xmlns="http://www.w3.org/2000/svg"
- width="18"
- height="16"
- fill="none"
- viewBox="-2 -2 22 20"
- >
- <path
- fill="#254D98"
- d="M12.38 7.986c-.004-1.978-1.206-3.665-2.9-4.333v8.666c1.694-.67 2.896-2.354 2.9-4.333m-6.132 4.33V3.655c-1.693.67-2.893 2.355-2.897 4.332.004 1.977 1.204 3.662 2.897 4.33M7.865.663C3.93.663.745 3.94.744 7.986c0 4.044 3.187 7.322 7.12 7.322s7.122-3.278 7.123-7.322c0-4.045-3.189-7.323-7.122-7.324M7.847 16C3.543 16.02 0 12.435 0 8.07 0 3.298 3.543 0 7.847 0h2.018C14.118 0 18 3.297 18 8.07 18 12.432 14.118 16 9.865 16z"
- ></path>
- </svg>
-);
diff --git a/packages/js/onboarding/src/images/cards/diners.svg b/packages/js/onboarding/src/images/cards/diners.svg
new file mode 100644
index 00000000000..440bd0d9ca2
--- /dev/null
+++ b/packages/js/onboarding/src/images/cards/diners.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" fill="none" viewBox="-2 -2 22 20"><path fill="#254D98" d="M12.38 7.986c-.004-1.978-1.206-3.665-2.9-4.333v8.666c1.694-.67 2.896-2.354 2.9-4.333m-6.132 4.33V3.655c-1.693.67-2.893 2.355-2.897 4.332.004 1.977 1.204 3.662 2.897 4.33M7.865.663C3.93.663.745 3.94.744 7.986c0 4.044 3.187 7.322 7.12 7.322s7.122-3.278 7.123-7.322c0-4.045-3.189-7.323-7.122-7.324M7.847 16C3.543 16.02 0 12.435 0 8.07 0 3.298 3.543 0 7.847 0h2.018C14.118 0 18 3.297 18 8.07 18 12.432 14.118 16 9.865 16z"/></svg>
\ No newline at end of file
diff --git a/packages/js/onboarding/src/images/cards/discover.js b/packages/js/onboarding/src/images/cards/discover.js
deleted file mode 100644
index 4c768e8b9ea..00000000000
--- a/packages/js/onboarding/src/images/cards/discover.js
+++ /dev/null
@@ -1,1398 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement } from '@wordpress/element';
-
-export default () => (
- <svg
- xmlns="http://www.w3.org/2000/svg"
- viewBox="0 0 95.69 62.85"
- height="40"
- width="61"
- >
- <defs>
- <clipPath id="clip-path">
- <path
- fill="none"
- d="M53.91 31.28a6.56 6.56 0 1 1-6.56-6.55 6.56 6.56 0 0 1 6.56 6.55Z"
- />
- </clipPath>
- <clipPath id="clip-path-2">
- <path
- fill="none"
- d="M90.39 2.3H5.3a3 3 0 0 0-3 3v52.25a3 3 0 0 0 3 3h85.09a3 3 0 0 0 3-3V5.3a3 3 0 0 0-3-3Zm-1.48 29.13a28.13 28.13 0 0 1-28.13 28.12H5.3a2 2 0 0 1-2-2V5.3a2 2 0 0 1 2-2h55.48a28.13 28.13 0 0 1 28.13 28.13Z"
- />
- </clipPath>
- <clipPath id="clip-path-3">
- <circle fill="none" cx="47.88" cy="31.43" r="54.04" />
- </clipPath>
- <linearGradient
- id="linear-gradient"
- x1="50.71"
- y1="36.53"
- x2="46.17"
- y2="29.43"
- gradientUnits="userSpaceOnUse"
- >
- <stop offset="0" stopColor="#ff9200" />
- <stop offset=".21" stopColor="#ff8d00" />
- <stop offset=".45" stopColor="#ff8000" />
- <stop offset=".62" stopColor="#ff7100" />
- <stop offset=".82" stopColor="#ff5e00" />
- <stop offset="1" stopColor="#ff5200" />
- </linearGradient>
- <linearGradient
- id="linear-gradient-2"
- x1="49.99"
- y1="36.44"
- x2="43.36"
- y2="23.47"
- gradientUnits="userSpaceOnUse"
- >
- <stop offset="0" stopColor="#ff7100" stopOpacity="0" />
- <stop offset=".03" stopColor="#ff6e00" stopOpacity=".03" />
- <stop offset=".21" stopColor="#ff5a00" stopOpacity=".25" />
- <stop offset=".39" stopColor="#ff4900" stopOpacity=".42" />
- <stop offset=".56" stopColor="#ff3c00" stopOpacity=".56" />
- <stop offset=".72" stopColor="#f30" stopOpacity=".66" />
- <stop offset=".86" stopColor="#ff2d00" stopOpacity=".72" />
- <stop offset=".98" stopColor="#ff2b00" stopOpacity=".74" />
- </linearGradient>
- </defs>
- <g style={ { isolation: 'isolate' } }>
- <g id="Mark">
- <path
- d="M3.3 5.3v52.25a2 2 0 0 0 2 2h55.48a28.13 28.13 0 0 0 28.13-28.12A28.13 28.13 0 0 0 60.78 3.3H5.3a2 2 0 0 0-2 2Z"
- style={ { fill: '#fff' } }
- />
- <path
- fill="#261f20"
- d="M10.06 25.1H6.51v12.38H10a6.45 6.45 0 0 0 4.42-1.43 6.2 6.2 0 0 0 2.28-4.75c0-3.65-2.7-6.2-6.64-6.2Zm2.82 9.3a4.57 4.57 0 0 1-3.31 1h-.64v-8.2h.64a4.5 4.5 0 0 1 3.31 1 4.21 4.21 0 0 1 1.34 3.08 4.26 4.26 0 0 1-1.34 3.12ZM17.82 25.1h2.41v12.38h-2.41zM26.13 29.85c-1.45-.53-1.87-.89-1.87-1.55s.76-1.38 1.8-1.38a2.47 2.47 0 0 1 1.94 1l1.27-1.66a5.41 5.41 0 0 0-3.64-1.37 3.64 3.64 0 0 0-3.86 3.55c0 1.7.78 2.58 3.05 3.39a9.05 9.05 0 0 1 1.66.71 1.46 1.46 0 0 1 .73 1.28 1.76 1.76 0 0 1-1.88 1.74 2.84 2.84 0 0 1-2.63-1.65l-1.56 1.5a4.8 4.8 0 0 0 4.28 2.36 4 4 0 0 0 4.27-4.06c0-1.96-.81-2.85-3.56-3.86ZM30.46 31.3A6.4 6.4 0 0 0 37 37.76a6.65 6.65 0 0 0 3-.76v-2.8a3.88 3.88 0 0 1-2.92 1.35 4 4 0 0 1-4.16-4.27A4.12 4.12 0 0 1 37 27a4 4 0 0 1 3 1.4v-2.81a6.15 6.15 0 0 0-3-.77 6.51 6.51 0 0 0-6.54 6.48ZM59.16 33.42l-3.3-8.32h-2.64l5.26 12.7h1.3l5.34-12.7h-2.61l-3.35 8.32zM66.22 37.48h6.84v-2.09h-4.43v-3.34h4.27v-2.1h-4.27V27.2h4.43v-2.1h-6.84v12.38zM82.63 28.76c0-2.32-1.6-3.66-4.39-3.66h-3.58v12.38h2.41v-5h.32l3.34 5h3l-3.9-5.21a3.3 3.3 0 0 0 2.8-3.51Zm-4.85 2h-.71v-3.71h.75c1.5 0 2.32.63 2.32 1.84s-.82 1.91-2.36 1.91ZM84.55 25.75c0-.21-.15-.33-.41-.33h-.35v1.09h.26v-.42l.3.42h.32l-.36-.45a.3.3 0 0 0 .24-.31Zm-.46.15v-.28c.13 0 .2 0 .2.14s-.07.14-.2.14Z"
- />
- <path
- fill="#261f20"
- d="M84.19 25a1 1 0 0 0 0 1.9 1 1 0 0 0 0-1.9Zm0 1.73a.78.78 0 0 1 0-1.56.78.78 0 0 1 0 1.56Z"
- />
- <path
- d="M53.91 31.28a6.56 6.56 0 1 1-6.55-6.55 6.56 6.56 0 0 1 6.55 6.55Z"
- style={ { fill: `url(#linear-gradient)` } }
- />
- <path
- d="M53.91 31.28a6.56 6.56 0 1 1-6.55-6.55 6.56 6.56 0 0 1 6.55 6.55Z"
- style={ {
- opacity: 0.65,
- fill: `url(#linear-gradient-2)`,
- mixBlendMode: 'multiply',
- } }
- />
- <g style={ { opacity: 0.5, mixBlendMode: 'multiply' } }>
- <g style={ { clipPath: `url('#clip-path')` } }>
- <path
- d="M47.38 24.63a6.69 6.69 0 1 1-6.68 6.68 6.67 6.67 0 0 1 6.68-6.68Z"
- style={ { fill: '#020000' } }
- />
- <path
- d="M47.39 24.64a6.69 6.69 0 1 1-6.68 6.68 6.68 6.68 0 0 1 6.68-6.68Z"
- style={ { fill: '#030100' } }
- />
- <path
- d="M47.4 24.65a6.69 6.69 0 1 1-6.69 6.68 6.67 6.67 0 0 1 6.69-6.68Z"
- style={ { fill: '#050100' } }
- />
- <path
- d="M47.4 24.66a6.68 6.68 0 1 1-6.68 6.68 6.68 6.68 0 0 1 6.68-6.68Z"
- style={ { fill: '#070200' } }
- />
- <path
- d="M47.41 24.67a6.68 6.68 0 1 1-6.68 6.68 6.68 6.68 0 0 1 6.68-6.68Z"
- style={ { fill: '#080200' } }
- />
- <path
- d="M47.42 24.68a6.68 6.68 0 1 1-6.68 6.68 6.68 6.68 0 0 1 6.68-6.68Z"
- style={ { fill: '#0a0300' } }
- />
- <path
- d="M47.43 24.69a6.68 6.68 0 1 1-6.68 6.68 6.67 6.67 0 0 1 6.68-6.68Z"
- style={ { fill: '#0c0300' } }
- />
- <path
- d="M47.43 24.7a6.68 6.68 0 0 1 6.71 6.64 6.75 6.75 0 0 1-6.71 6.72 6.68 6.68 0 0 1 0-13.36Z"
- style={ { fill: '#0e0400' } }
- />
- <path
- d="M47.44 24.71a6.67 6.67 0 0 1 6.71 6.63 6.75 6.75 0 0 1-6.71 6.73 6.68 6.68 0 0 1 0-13.36Z"
- style={ { fill: '#0f0400' } }
- />
- <path
- d="M47.45 24.73a6.67 6.67 0 0 1 6.71 6.62 6.76 6.76 0 0 1-6.71 6.73 6.68 6.68 0 1 1 0-13.35Z"
- style={ { fill: '#110500' } }
- />
- <path
- d="M47.45 24.74a6.66 6.66 0 0 1 6.72 6.61 6.76 6.76 0 0 1-6.72 6.74 6.68 6.68 0 0 1 0-13.35Z"
- style={ { fill: '#130500' } }
- />
- <path
- d="M47.46 24.75a6.66 6.66 0 0 1 6.72 6.6 6.76 6.76 0 0 1-6.72 6.74 6.67 6.67 0 1 1 0-13.34Z"
- style={ { fill: '#140600' } }
- />
- <path
- d="M47.47 24.76a6.66 6.66 0 0 1 6.72 6.6 6.78 6.78 0 0 1-6.72 6.74 6.67 6.67 0 0 1 0-13.34Z"
- style={ { fill: '#160600' } }
- />
- <path
- d="M47.48 24.77a6.66 6.66 0 0 1 6.72 6.59 6.78 6.78 0 0 1-6.72 6.75 6.67 6.67 0 0 1 0-13.34Z"
- style={ { fill: '#180600' } }
- />
- <path
- d="M47.48 24.78a6.66 6.66 0 0 1 6.73 6.59 6.79 6.79 0 0 1-6.73 6.75 6.67 6.67 0 1 1 0-13.34Z"
- style={ { fill: '#190700' } }
- />
- <path
- d="M47.49 24.79a6.66 6.66 0 0 1 6.73 6.58 6.8 6.8 0 0 1-6.73 6.76 6.67 6.67 0 0 1 0-13.34Z"
- style={ { fill: '#1b0700' } }
- />
- <path
- d="M47.5 24.8a6.65 6.65 0 0 1 6.73 6.57 6.81 6.81 0 0 1-6.73 6.77 6.67 6.67 0 0 1 0-13.34Z"
- style={ { fill: '#1d0800' } }
- />
- <path
- d="M47.5 24.81a6.66 6.66 0 0 1 6.74 6.57 6.81 6.81 0 0 1-6.74 6.77 6.67 6.67 0 0 1 0-13.34Z"
- style={ { fill: '#1f0800' } }
- />
- <path
- d="M47.51 24.82a6.66 6.66 0 0 1 6.74 6.56 6.82 6.82 0 0 1-6.74 6.77 6.67 6.67 0 0 1 0-13.33Z"
- style={ { fill: '#200900' } }
- />
- <path
- d="M47.52 24.84a6.65 6.65 0 0 1 6.74 6.55 6.82 6.82 0 0 1-6.74 6.77 6.66 6.66 0 0 1 0-13.32Z"
- style={ { fill: '#220900' } }
- />
- <path
- d="M47.53 24.85a6.64 6.64 0 0 1 6.74 6.54 6.83 6.83 0 0 1-6.74 6.78 6.66 6.66 0 1 1 0-13.32Z"
- style={ { fill: '#240a00' } }
- />
- <path
- d="M47.53 24.86a6.65 6.65 0 0 1 6.75 6.54 6.84 6.84 0 0 1-6.75 6.78 6.66 6.66 0 0 1 0-13.32Z"
- style={ { fill: '#250a00' } }
- />
- <path
- d="M47.54 24.87a6.65 6.65 0 0 1 6.75 6.53 6.85 6.85 0 0 1-6.75 6.79 6.66 6.66 0 1 1 0-13.32Z"
- style={ { fill: '#270b00' } }
- />
- <path
- d="M47.55 24.88a6.65 6.65 0 0 1 6.75 6.52 6.86 6.86 0 0 1-6.75 6.8 6.66 6.66 0 1 1 0-13.32Z"
- style={ { fill: '#290b00' } }
- />
- <path
- d="M47.55 24.89a6.65 6.65 0 0 1 6.76 6.52 6.86 6.86 0 0 1-6.76 6.8 6.66 6.66 0 0 1 0-13.32Z"
- style={ { fill: '#2a0c00' } }
- />
- <path
- d="M47.56 24.9a6.64 6.64 0 0 1 6.76 6.51 6.86 6.86 0 0 1-6.76 6.8 6.66 6.66 0 0 1 0-13.31Z"
- style={ { fill: '#2c0c00' } }
- />
- <path
- d="M47.57 24.91a6.64 6.64 0 0 1 6.76 6.51 6.88 6.88 0 0 1-6.76 6.8 6.66 6.66 0 1 1 0-13.31Z"
- style={ { fill: '#2e0d00' } }
- />
- <path
- d="M47.58 24.92a6.65 6.65 0 0 1 6.76 6.5 6.88 6.88 0 0 1-6.76 6.81 6.66 6.66 0 1 1 0-13.31Z"
- style={ { fill: '#300d00' } }
- />
- <path
- d="M47.58 24.94a6.63 6.63 0 0 1 6.77 6.49 6.89 6.89 0 0 1-6.77 6.81 6.65 6.65 0 1 1 0-13.3Z"
- style={ { fill: '#310d00' } }
- />
- <path
- d="M47.59 25a6.63 6.63 0 0 1 6.77 6.48 6.9 6.9 0 0 1-6.77 6.82 6.65 6.65 0 0 1 0-13.3Z"
- style={ { fill: '#330e00' } }
- />
- <path
- d="M47.6 25a6.63 6.63 0 0 1 6.77 6.47 6.91 6.91 0 0 1-6.77 6.83 6.65 6.65 0 0 1 0-13.3Z"
- style={ { fill: '#350e00' } }
- />
- <path
- d="M47.6 25a6.63 6.63 0 0 1 6.78 6.47 6.91 6.91 0 0 1-6.78 6.83 6.65 6.65 0 0 1 0-13.3Z"
- style={ { fill: '#360f00' } }
- />
- <path
- d="M47.61 25a6.63 6.63 0 0 1 6.78 6.46 6.93 6.93 0 0 1-6.78 6.84 6.65 6.65 0 1 1 0-13.3Z"
- style={ { fill: '#380f00' } }
- />
- <path
- d="M47.62 25a6.63 6.63 0 0 1 6.78 6.46 6.92 6.92 0 0 1-6.78 6.83 6.65 6.65 0 1 1 0-13.29Z"
- style={ { fill: '#3a1000' } }
- />
- <path
- d="M47.63 25a6.62 6.62 0 0 1 6.78 6.45 6.93 6.93 0 0 1-6.78 6.84 6.65 6.65 0 1 1 0-13.29Z"
- style={ { fill: '#3b1000' } }
- />
- <path
- d="M47.63 25a6.63 6.63 0 0 1 6.79 6.45 6.94 6.94 0 0 1-6.79 6.84 6.65 6.65 0 0 1 0-13.29Z"
- style={ { fill: '#3d1100' } }
- />
- <path
- d="M47.64 25a6.63 6.63 0 0 1 6.79 6.44 7 7 0 0 1-6.79 6.85 6.65 6.65 0 0 1 0-13.29Z"
- style={ { fill: '#3f1100' } }
- />
- <path
- d="M47.65 25a6.64 6.64 0 0 1 6.79 6.43 7 7 0 0 1-6.79 6.86 6.65 6.65 0 0 1 0-13.29Z"
- style={ { fill: '#411200' } }
- />
- <path
- d="M47.65 25.05a6.62 6.62 0 0 1 6.8 6.42 7 7 0 0 1-6.8 6.86 6.64 6.64 0 0 1 0-13.28Z"
- style={ { fill: '#421200' } }
- />
- <path
- d="M47.66 25.06a6.62 6.62 0 0 1 6.8 6.41 7 7 0 0 1-6.8 6.87 6.64 6.64 0 1 1 0-13.28Z"
- style={ { fill: '#441300' } }
- />
- <path
- d="M47.67 25.07a6.62 6.62 0 0 1 6.8 6.41 7 7 0 0 1-6.8 6.86 6.64 6.64 0 1 1 0-13.27Z"
- style={ { fill: '#461300' } }
- />
- <path
- d="M47.68 25.08a6.62 6.62 0 0 1 6.8 6.4 7 7 0 0 1-6.8 6.87 6.64 6.64 0 1 1 0-13.27Z"
- style={ { fill: '#471300' } }
- />
- <path
- d="M47.68 25.09a6.61 6.61 0 0 1 6.81 6.39 7 7 0 0 1-6.81 6.88 6.64 6.64 0 0 1 0-13.27Z"
- style={ { fill: '#491400' } }
- />
- <path
- d="M47.69 25.1a6.61 6.61 0 0 1 6.81 6.39 7 7 0 0 1-6.81 6.88 6.64 6.64 0 0 1 0-13.27Z"
- style={ { fill: '#4b1400' } }
- />
- <path
- d="M47.7 25.11a6.61 6.61 0 0 1 6.81 6.38 7 7 0 0 1-6.81 6.89 6.64 6.64 0 1 1 0-13.27Z"
- style={ { fill: '#4c1500' } }
- />
- <path
- d="M47.7 25.12c3.67.06 6.82 2.71 6.82 6.38a7 7 0 0 1-6.82 6.89 6.64 6.64 0 0 1 0-13.27Z"
- style={ { fill: '#4e1500' } }
- />
- <path
- d="M47.71 25.13c3.66.06 6.82 2.71 6.82 6.37a7 7 0 0 1-6.82 6.9 6.64 6.64 0 0 1 0-13.27Z"
- style={ { fill: '#501600' } }
- />
- <path
- d="M47.72 25.15c3.66.05 6.82 2.69 6.82 6.36a7 7 0 0 1-6.82 6.9 6.63 6.63 0 0 1 0-13.26Z"
- style={ { fill: '#521600' } }
- />
- <path
- d="M47.73 25.16c3.66.05 6.82 2.69 6.82 6.35a7 7 0 0 1-6.82 6.9 6.63 6.63 0 1 1 0-13.25Z"
- style={ { fill: '#531700' } }
- />
- <path
- d="M47.73 25.17c3.66 0 6.83 2.68 6.83 6.34a7 7 0 0 1-6.83 6.91 6.63 6.63 0 0 1 0-13.25Z"
- style={ { fill: '#551700' } }
- />
- <path
- d="M47.74 25.18c3.66.06 6.83 2.68 6.83 6.34a7 7 0 0 1-6.83 6.91 6.63 6.63 0 1 1 0-13.25Z"
- style={ { fill: '#571800' } }
- />
- <path
- d="M47.75 25.19c3.66.06 6.83 2.67 6.83 6.33a7.06 7.06 0 0 1-6.83 6.92 6.63 6.63 0 1 1 0-13.25Z"
- style={ { fill: '#581800' } }
- />
- <path
- d="M47.75 25.2c3.66.06 6.84 2.67 6.84 6.33a7.07 7.07 0 0 1-6.84 6.92 6.63 6.63 0 0 1 0-13.25Z"
- style={ { fill: '#5a1900' } }
- />
- <path
- d="M47.76 25.21c3.66.06 6.84 2.66 6.84 6.32a7.08 7.08 0 0 1-6.84 6.93 6.63 6.63 0 0 1 0-13.25Z"
- style={ { fill: '#5c1900' } }
- />
- <path
- d="M47.77 25.22c3.65.06 6.84 2.66 6.84 6.32a7.08 7.08 0 0 1-6.84 6.93 6.63 6.63 0 0 1 0-13.25Z"
- style={ { fill: '#5e1a00' } }
- />
- <path
- d="M47.78 25.23c3.65.07 6.84 2.65 6.84 6.31a7.08 7.08 0 0 1-6.84 6.93 6.62 6.62 0 0 1 0-13.24Z"
- style={ { fill: '#5f1a00' } }
- />
- <path
- d="M47.78 25.24c3.66.07 6.85 2.65 6.85 6.3a7.09 7.09 0 0 1-6.85 6.94 6.62 6.62 0 0 1 0-13.24Z"
- style={ { fill: '#611a00' } }
- />
- <path
- d="M47.79 25.26c3.65.06 6.85 2.63 6.85 6.29a7.1 7.1 0 0 1-6.85 6.94 6.62 6.62 0 1 1 0-13.23Z"
- style={ { fill: '#631b00' } }
- />
- <path
- d="M47.8 25.27c3.65.06 6.85 2.63 6.85 6.28a7.11 7.11 0 0 1-6.85 7 6.62 6.62 0 1 1 0-13.23Z"
- style={ { fill: '#641b00' } }
- />
- <path
- d="M47.8 25.28c3.66.07 6.86 2.62 6.86 6.28a7.12 7.12 0 0 1-6.86 7 6.62 6.62 0 0 1 0-13.23Z"
- style={ { fill: '#661c00' } }
- />
- <path
- d="M47.81 25.29c3.65.07 6.86 2.62 6.86 6.27a7.14 7.14 0 0 1-6.86 7 6.62 6.62 0 0 1 0-13.23Z"
- style={ { fill: '#681c00' } }
- />
- <path
- d="M47.82 25.3c3.65.07 6.86 2.61 6.86 6.27a7.14 7.14 0 0 1-6.86 7 6.62 6.62 0 0 1 0-13.23Z"
- style={ { fill: '#691d00' } }
- />
- <path
- d="M47.83 25.31c3.65.07 6.86 2.61 6.86 6.26a7.14 7.14 0 0 1-6.86 7 6.57 6.57 0 0 1-6.62-6.61 6.64 6.64 0 0 1 6.62-6.65Z"
- style={ { fill: '#6b1d00' } }
- />
- <path
- d="M47.83 25.32c3.65.07 6.87 2.6 6.87 6.25a7.15 7.15 0 0 1-6.87 7 6.57 6.57 0 0 1-6.61-6.61 6.64 6.64 0 0 1 6.61-6.64Z"
- style={ { fill: '#6d1e00' } }
- />
- <path
- d="M47.84 25.33c3.65.08 6.87 2.6 6.87 6.25a7.15 7.15 0 0 1-6.87 7 6.57 6.57 0 0 1-6.61-6.61 6.64 6.64 0 0 1 6.61-6.64Z"
- style={ { fill: '#6f1e00' } }
- />
- <path
- d="M47.85 25.34c3.65.08 6.87 2.59 6.87 6.24a7.16 7.16 0 0 1-6.87 7A6.57 6.57 0 0 1 41.24 32a6.64 6.64 0 0 1 6.61-6.66Z"
- style={ { fill: '#701f00' } }
- />
- <path
- d="M47.85 25.35c3.65.08 6.88 2.59 6.88 6.24a7.17 7.17 0 0 1-6.88 7 6.56 6.56 0 0 1-6.6-6.59 6.63 6.63 0 0 1 6.6-6.65Z"
- style={ { fill: '#721f00' } }
- />
- <path
- d="M47.86 25.37c3.65.07 6.88 2.57 6.88 6.22a7.18 7.18 0 0 1-6.88 7 6.61 6.61 0 0 1 0-13.21Z"
- style={ { fill: '#742000' } }
- />
- <path
- d="M47.87 25.38c3.65.08 6.88 2.57 6.88 6.22a7.19 7.19 0 0 1-6.88 7 6.61 6.61 0 1 1 0-13.21Z"
- style={ { fill: '#752000' } }
- />
- <path
- d="M47.88 25.39c3.64.08 6.88 2.56 6.88 6.21a7.2 7.2 0 0 1-6.88 7 6.61 6.61 0 1 1 0-13.21Z"
- style={ { fill: '#772000' } }
- />
- <path
- d="M47.88 25.4c3.65.08 6.89 2.56 6.89 6.2a7.2 7.2 0 0 1-6.89 7 6.56 6.56 0 0 1-6.6-6.6 6.62 6.62 0 0 1 6.6-6.6Z"
- style={ { fill: '#792100' } }
- />
- <path
- d="M47.89 25.41c3.64.08 6.89 2.55 6.89 6.2a7.2 7.2 0 0 1-6.89 7 6.55 6.55 0 0 1-6.6-6.6 6.62 6.62 0 0 1 6.6-6.6Z"
- style={ { fill: '#7a2100' } }
- />
- <path
- d="M47.9 25.42c3.64.08 6.89 2.55 6.89 6.19a7.21 7.21 0 0 1-6.89 7A6.54 6.54 0 0 1 41.3 32a6.62 6.62 0 0 1 6.6-6.58Z"
- style={ { fill: '#7c2200' } }
- />
- <path
- d="M47.9 25.43c3.65.09 6.89 2.54 6.89 6.19a7.21 7.21 0 0 1-6.89 7A6.55 6.55 0 0 1 41.31 32a6.62 6.62 0 0 1 6.59-6.57Z"
- style={ { fill: '#7e2200' } }
- />
- <path
- d="M47.91 25.44c3.64.09 6.89 2.54 6.89 6.18a7.22 7.22 0 0 1-6.89 7 6.56 6.56 0 0 1-6.6-6.6 6.64 6.64 0 0 1 6.6-6.58Z"
- style={ { fill: '#802300' } }
- />
- <path
- d="M47.92 25.45c3.64.09 6.89 2.53 6.89 6.17a7.23 7.23 0 0 1-6.89 7 6.56 6.56 0 0 1-6.6-6.6 6.64 6.64 0 0 1 6.6-6.57Z"
- style={ { fill: '#812300' } }
- />
- <path
- d="M47.93 25.47c3.64.08 6.89 2.52 6.89 6.16a7.24 7.24 0 0 1-6.89 7 6.55 6.55 0 0 1-6.6-6.6 6.62 6.62 0 0 1 6.6-6.56Z"
- style={ { fill: '#832400' } }
- />
- <path
- d="M47.93 25.48c3.64.08 6.9 2.51 6.9 6.15a7.24 7.24 0 0 1-6.9 7 6.54 6.54 0 0 1-6.59-6.59 6.61 6.61 0 0 1 6.59-6.56Z"
- style={ { fill: '#852400' } }
- />
- <path
- d="M47.94 25.49c3.64.09 6.9 2.51 6.9 6.15a7.25 7.25 0 0 1-6.9 7 6.54 6.54 0 0 1-6.59-6.59 6.61 6.61 0 0 1 6.59-6.56Z"
- style={ { fill: '#862500' } }
- />
- <path
- d="M48 25.5c3.64.09 6.9 2.5 6.9 6.14a7.26 7.26 0 0 1-6.9 7 6.53 6.53 0 0 1-6.59-6.59A6.61 6.61 0 0 1 48 25.5Z"
- style={ { fill: '#882500' } }
- />
- <path
- d="M48 25.51c3.64.09 6.91 2.5 6.91 6.14a7.27 7.27 0 0 1-6.91 7 6.54 6.54 0 0 1-6.59-6.59A6.63 6.63 0 0 1 48 25.51Z"
- style={ { fill: '#8a2600' } }
- />
- <path
- d="M48 25.52c3.64.09 6.91 2.49 6.91 6.13A7.28 7.28 0 0 1 48 38.7a6.54 6.54 0 0 1-6.59-6.59A6.63 6.63 0 0 1 48 25.52Z"
- style={ { fill: '#8b2600' } }
- />
- <path
- d="M48 25.53c3.64.1 6.91 2.49 6.91 6.12A7.28 7.28 0 0 1 48 38.71a6.54 6.54 0 0 1-6.59-6.59A6.63 6.63 0 0 1 48 25.53Z"
- style={ { fill: '#8d2600' } }
- />
- <path
- d="M48 25.54c3.63.1 6.91 2.48 6.91 6.12A7.29 7.29 0 0 1 48 38.72a6.53 6.53 0 0 1-6.59-6.59A6.62 6.62 0 0 1 48 25.54Z"
- style={ { fill: '#8f2700' } }
- />
- <path
- d="M48 25.55c3.64.1 6.92 2.48 6.92 6.11A7.3 7.3 0 0 1 48 38.73a6.53 6.53 0 0 1-6.58-6.59A6.62 6.62 0 0 1 48 25.55Z"
- style={ { fill: '#912700' } }
- />
- <path
- d="M48 25.56c3.63.1 6.92 2.47 6.92 6.11A7.3 7.3 0 0 1 48 38.73a6.54 6.54 0 0 1-6.59-6.58A6.63 6.63 0 0 1 48 25.56Z"
- style={ { fill: '#922800' } }
- />
- <path
- d="M48 25.58c3.63.09 6.92 2.46 6.92 6.09A7.31 7.31 0 0 1 48 38.74a6.54 6.54 0 0 1-6.59-6.58A6.62 6.62 0 0 1 48 25.58Z"
- style={ { fill: '#942800' } }
- />
- <path
- d="M48 25.59c3.64.1 6.93 2.45 6.93 6.09A7.32 7.32 0 0 1 48 38.75a6.53 6.53 0 0 1-6.58-6.58A6.62 6.62 0 0 1 48 25.59Z"
- style={ { fill: '#962900' } }
- />
- <path
- d="M48 25.6c3.63.1 6.93 2.45 6.93 6.08A7.33 7.33 0 0 1 48 38.76a6.53 6.53 0 0 1-6.58-6.58A6.62 6.62 0 0 1 48 25.6Z"
- style={ { fill: '#972900' } }
- />
- <path
- d="M48 25.61c3.63.1 6.93 2.44 6.93 6.07A7.34 7.34 0 0 1 48 38.77a6.52 6.52 0 0 1-6.58-6.58A6.62 6.62 0 0 1 48 25.61Z"
- style={ { fill: '#992a00' } }
- />
- <path
- d="M48 25.62c3.63.1 6.93 2.43 6.93 6.07A7.35 7.35 0 0 1 48 38.78a6.52 6.52 0 0 1-6.58-6.58A6.62 6.62 0 0 1 48 25.62Z"
- style={ { fill: '#9b2a00' } }
- />
- <path
- d="M48 25.63c3.63.11 6.94 2.43 6.94 6.06a7.35 7.35 0 0 1-6.94 7.1 6.53 6.53 0 0 1-6.58-6.58A6.62 6.62 0 0 1 48 25.63Z"
- style={ { fill: '#9c2b00' } }
- />
- <path
- d="M48 25.64c3.63.11 6.94 2.42 6.94 6.06A7.35 7.35 0 0 1 48 38.79a6.52 6.52 0 0 1-6.58-6.57A6.62 6.62 0 0 1 48 25.64Z"
- style={ { fill: '#9e2b00' } }
- />
- <path
- d="M48.05 25.65c3.63.11 6.94 2.42 6.94 6.05a7.36 7.36 0 0 1-6.94 7.1 6.52 6.52 0 0 1-6.58-6.57 6.62 6.62 0 0 1 6.58-6.58Z"
- style={ { fill: '#a02c00' } }
- />
- <path
- d="M48.05 25.66c3.63.11 7 2.41 7 6.05a7.37 7.37 0 0 1-7 7.1 6.51 6.51 0 0 1-6.57-6.57 6.61 6.61 0 0 1 6.57-6.58Z"
- style={ { fill: '#a22c00' } }
- />
- <path
- d="M48.06 25.67c3.63.11 6.95 2.41 6.95 6a7.38 7.38 0 0 1-6.95 7.11 6.51 6.51 0 0 1-6.57-6.57 6.61 6.61 0 0 1 6.57-6.54Z"
- style={ { fill: '#a32d00' } }
- />
- <path
- d="M48.07 25.69c3.63.11 7 2.39 7 6a7.39 7.39 0 0 1-7 7.12 6.51 6.51 0 0 1-6.57-6.57 6.6 6.6 0 0 1 6.57-6.55Z"
- style={ { fill: '#a52d00' } }
- />
- <path
- d="M48.08 25.7c3.62.11 7 2.39 7 6a7.4 7.4 0 0 1-7 7.12 6.53 6.53 0 0 1-6.58-6.57 6.61 6.61 0 0 1 6.58-6.55Z"
- style={ { fill: '#a72d00' } }
- />
- <path
- d="M48.08 25.71c3.63.11 7 2.38 7 6a7.41 7.41 0 0 1-7 7.13 6.51 6.51 0 0 1-6.57-6.57 6.6 6.6 0 0 1 6.57-6.56Z"
- style={ { fill: '#a82e00' } }
- />
- <path
- d="M48.09 25.72c3.63.11 7 2.38 7 6a7.41 7.41 0 0 1-7 7.12 6.5 6.5 0 0 1-6.57-6.56 6.6 6.6 0 0 1 6.57-6.56Z"
- style={ { fill: '#aa2e00' } }
- />
- <path
- d="M48.1 25.73c3.62.11 7 2.37 7 6a7.42 7.42 0 0 1-7 7.13 6.5 6.5 0 0 1-6.57-6.56 6.6 6.6 0 0 1 6.57-6.57Z"
- style={ { fill: '#ac2f00' } }
- />
- <path
- d="M48.1 25.74c3.63.12 7 2.37 7 6a7.43 7.43 0 0 1-7 7.14 6.5 6.5 0 0 1-6.56-6.56 6.6 6.6 0 0 1 6.56-6.58Z"
- style={ { fill: '#ad2f00' } }
- />
- <path
- d="M48.11 25.75c3.62.12 7 2.36 7 6a7.44 7.44 0 0 1-7 7.14 6.49 6.49 0 0 1-6.56-6.56 6.6 6.6 0 0 1 6.56-6.58Z"
- style={ { fill: '#af3000' } }
- />
- <path
- d="M48.12 25.76c3.62.12 7 2.36 7 6a7.44 7.44 0 0 1-7 7.15 6.5 6.5 0 0 1-6.57-6.56 6.62 6.62 0 0 1 6.57-6.59Z"
- style={ { fill: '#b13000' } }
- />
- <path
- d="M48.13 25.77c3.62.12 7 2.35 7 6s-3.35 7.15-7 7.15a6.5 6.5 0 0 1-6.57-6.56 6.62 6.62 0 0 1 6.57-6.59Z"
- style={ { fill: '#b33100' } }
- />
- <path
- d="M48.13 25.79c3.62.12 7 2.34 7 6a7.46 7.46 0 0 1-7 7.16 6.5 6.5 0 0 1-6.56-6.56 6.59 6.59 0 0 1 6.56-6.6Z"
- style={ { fill: '#b43100' } }
- />
- <path
- d="M48.14 25.8c3.62.12 7 2.33 7 6s-3.36 7.16-7 7.16a6.49 6.49 0 0 1-6.56-6.56 6.59 6.59 0 0 1 6.56-6.6Z"
- style={ { fill: '#b63200' } }
- />
- <path
- d="M48.15 25.81c3.62.12 7 2.33 7 6s-3.36 7.16-7 7.16a6.48 6.48 0 0 1-6.56-6.55 6.59 6.59 0 0 1 6.56-6.61Z"
- style={ { fill: '#b83200' } }
- />
- <path
- d="M48.15 25.82c3.62.12 7 2.32 7 5.94s-3.36 7.17-7 7.17a6.48 6.48 0 0 1-6.55-6.55 6.59 6.59 0 0 1 6.55-6.56Z"
- style={ { fill: '#b93300' } }
- />
- <path
- d="M55.15 31.77c0 3.62-3.37 7.17-7 7.17a6.49 6.49 0 0 1-6.56-6.55 6.61 6.61 0 0 1 6.56-6.56c3.63.17 7 2.32 7 5.94Z"
- style={ { fill: '#b30' } }
- />
- <path
- d="M48.17 25.84c3.62.12 7 2.32 7 5.94s-3.38 7.22-7 7.22a6.49 6.49 0 0 1-6.56-6.56 6.6 6.6 0 0 1 6.56-6.6Z"
- style={ { fill: '#bc3502', opacity: 0.99 } }
- />
- <path
- d="M48.17 25.85c3.62.12 7 2.33 7 5.95s-3.38 7.2-7 7.2a6.49 6.49 0 0 1-6.55-6.56 6.59 6.59 0 0 1 6.55-6.59Z"
- style={ { fill: '#bc3705', opacity: 0.98 } }
- />
- <path
- d="M48.18 25.85c3.62.13 7 2.34 7 6S51.8 39 48.18 39a6.49 6.49 0 0 1-6.56-6.56 6.61 6.61 0 0 1 6.56-6.59Z"
- style={ { fill: '#bd3907', opacity: 0.97 } }
- />
- <path
- d="M48.18 25.86c3.62.12 7 2.34 7 6a7.45 7.45 0 0 1-7 7.15 6.48 6.48 0 0 1-6.55-6.55 6.6 6.6 0 0 1 6.55-6.6Z"
- style={ { fill: '#bd3a09', opacity: 0.96 } }
- />
- <path
- d="M48.19 25.87c3.62.12 7 2.35 7 6a7.44 7.44 0 0 1-7 7.14 6.49 6.49 0 0 1-6.56-6.55 6.61 6.61 0 0 1 6.56-6.59Z"
- style={ { fill: '#be3c0c', opacity: 0.95 } }
- />
- <path
- d="M48.19 25.88c3.62.12 7 2.35 7 6a7.44 7.44 0 0 1-7 7.14 6.48 6.48 0 0 1-6.55-6.55 6.6 6.6 0 0 1 6.55-6.59Z"
- style={ { fill: '#bf3e0e', opacity: 0.95 } }
- />
- <path
- d="M48.2 25.89c3.62.12 7 2.36 7 6a7.42 7.42 0 0 1-7 7.13 6.5 6.5 0 0 1-6.56-6.56 6.6 6.6 0 0 1 6.56-6.57Z"
- style={ { fill: '#bf4010', opacity: 0.94 } }
- />
- <path
- d="M48.21 25.9c3.61.11 6.95 2.36 6.95 6a7.42 7.42 0 0 1-6.95 7.1 6.5 6.5 0 0 1-6.56-6.56 6.59 6.59 0 0 1 6.56-6.54Z"
- style={ { fill: '#c04213', opacity: 0.93 } }
- />
- <path
- d="M48.21 25.9c3.62.12 7 2.37 7 6a7.42 7.42 0 0 1-7 7.13 6.49 6.49 0 0 1-6.55-6.56 6.59 6.59 0 0 1 6.55-6.57Z"
- style={ { fill: '#c14415', opacity: 0.92 } }
- />
- <path
- d="M48.22 25.91c3.62.12 7 2.38 7 6a7.41 7.41 0 0 1-7 7.12 6.5 6.5 0 0 1-6.56-6.56 6.59 6.59 0 0 1 6.56-6.56Z"
- style={ { fill: '#c14617', opacity: 0.91 } }
- />
- <path
- d="M48.22 25.92c3.62.11 7 2.38 7 6a7.4 7.4 0 0 1-7 7.11 6.48 6.48 0 0 1-6.55-6.55 6.59 6.59 0 0 1 6.55-6.56Z"
- style={ { fill: '#c24719', opacity: 0.9 } }
- />
- <path
- d="M48.23 25.93c3.62.11 6.94 2.39 6.94 6A7.38 7.38 0 0 1 48.23 39a6.49 6.49 0 0 1-6.56-6.55 6.59 6.59 0 0 1 6.56-6.52Z"
- style={ { fill: '#c2491c', opacity: 0.89 } }
- />
- <path
- d="M48.23 25.94c3.62.11 6.94 2.39 6.94 6a7.38 7.38 0 0 1-6.94 7.1 6.49 6.49 0 0 1-6.55-6.56 6.59 6.59 0 0 1 6.55-6.54Z"
- style={ { fill: '#c34b1e', opacity: 0.88 } }
- />
- <path
- d="M48.24 26c3.62.11 6.93 2.39 6.93 6a7.36 7.36 0 0 1-6.93 7.1 6.51 6.51 0 0 1-6.56-6.56A6.59 6.59 0 0 1 48.24 26Z"
- style={ { fill: '#c44d20', opacity: 0.87 } }
- />
- <path
- d="M48.25 26c3.61.1 6.93 2.4 6.93 6a7.36 7.36 0 0 1-6.93 7.09 6.49 6.49 0 0 1-6.56-6.56A6.59 6.59 0 0 1 48.25 26Z"
- style={ { fill: '#c44f23', opacity: 0.86 } }
- />
- <path
- d="M48.25 26c3.62.11 6.93 2.41 6.93 6a7.36 7.36 0 0 1-6.93 7.09 6.51 6.51 0 0 1-6.56-6.56A6.61 6.61 0 0 1 48.25 26Z"
- style={ { fill: '#c55125', opacity: 0.85 } }
- />
- <path
- d="M48.26 26c3.62.11 6.92 2.42 6.92 6a7.33 7.33 0 0 1-6.92 7.07 6.5 6.5 0 0 1-6.56-6.55A6.6 6.6 0 0 1 48.26 26Z"
- style={ { fill: '#c65327', opacity: 0.85 } }
- />
- <path
- d="M48.26 26c3.62.11 6.92 2.42 6.92 6a7.33 7.33 0 0 1-6.92 7.07 6.48 6.48 0 0 1-6.55-6.55A6.59 6.59 0 0 1 48.26 26Z"
- style={ { fill: '#c6542a', opacity: 0.84 } }
- />
- <path
- d="M48.27 26c3.62.1 6.91 2.42 6.91 6a7.32 7.32 0 0 1-6.91 7.07 6.51 6.51 0 0 1-6.56-6.56A6.59 6.59 0 0 1 48.27 26Z"
- style={ { fill: '#c7562c', opacity: 0.83 } }
- />
- <path
- d="M48.27 26c3.62.1 6.91 2.43 6.91 6a7.31 7.31 0 0 1-6.91 7.06 6.5 6.5 0 0 1-6.55-6.56 6.58 6.58 0 0 1 6.55-6.5Z"
- style={ { fill: '#c7582e', opacity: 0.82 } }
- />
- <path
- d="M48.28 26c3.62.1 6.91 2.43 6.91 6.05a7.31 7.31 0 0 1-6.91 7.06 6.51 6.51 0 0 1-6.56-6.56A6.59 6.59 0 0 1 48.28 26Z"
- style={ { fill: '#c85a31', opacity: 0.81 } }
- />
- <path
- d="M48.28 26c3.62.1 6.91 2.45 6.91 6.07a7.3 7.3 0 0 1-6.91 7.05 6.5 6.5 0 0 1-6.55-6.56A6.59 6.59 0 0 1 48.28 26Z"
- style={ { fill: '#c95c33', opacity: 0.8 } }
- />
- <path
- d="M48.29 26c3.62.1 6.9 2.45 6.9 6.07a7.29 7.29 0 0 1-6.9 7 6.5 6.5 0 0 1-6.56-6.55A6.6 6.6 0 0 1 48.29 26Z"
- style={ { fill: '#c95e35', opacity: 0.79 } }
- />
- <path
- d="M48.3 26c3.61.1 6.89 2.45 6.89 6.07a7.27 7.27 0 0 1-6.89 7 6.49 6.49 0 0 1-6.56-6.55A6.59 6.59 0 0 1 48.3 26Z"
- style={ { fill: '#ca6038', opacity: 0.78 } }
- />
- <path
- d="M48.3 26c3.62.1 6.89 2.46 6.89 6.08a7.27 7.27 0 0 1-6.89 7 6.51 6.51 0 0 1-6.56-6.56A6.59 6.59 0 0 1 48.3 26Z"
- style={ { fill: '#ca613a', opacity: 0.77 } }
- />
- <path
- d="M48.31 26.05c3.62.09 6.88 2.46 6.88 6.08a7.26 7.26 0 0 1-6.88 7 6.51 6.51 0 0 1-6.56-6.56 6.59 6.59 0 0 1 6.56-6.52Z"
- style={ { fill: '#cb633c', opacity: 0.76 } }
- />
- <path
- d="M48.31 26.06c3.62.09 6.89 2.47 6.89 6.09a7.26 7.26 0 0 1-6.89 7 6.5 6.5 0 0 1-6.55-6.56 6.58 6.58 0 0 1 6.55-6.53Z"
- style={ { fill: '#cc653f', opacity: 0.75 } }
- />
- <path
- d="M48.32 26.06c3.62.1 6.88 2.48 6.88 6.1a7.25 7.25 0 0 1-6.88 7 6.51 6.51 0 0 1-6.56-6.56 6.6 6.6 0 0 1 6.56-6.54Z"
- style={ { fill: '#cc6741', opacity: 0.75 } }
- />
- <path
- d="M48.32 26.07c3.62.09 6.88 2.48 6.88 6.1a7.23 7.23 0 0 1-6.88 7 6.5 6.5 0 0 1-6.55-6.55 6.59 6.59 0 0 1 6.55-6.55Z"
- style={ { fill: '#cd6943', opacity: 0.74 } }
- />
- <path
- d="M48.33 26.08c3.62.09 6.87 2.49 6.87 6.11a7.22 7.22 0 0 1-6.87 7 6.5 6.5 0 0 1-6.56-6.55 6.59 6.59 0 0 1 6.56-6.56Z"
- style={ { fill: '#ce6b46', opacity: 0.73 } }
- />
- <path
- d="M48.33 26.09c3.62.09 6.87 2.49 6.87 6.11a7.22 7.22 0 0 1-6.87 7 6.5 6.5 0 0 1-6.55-6.55 6.58 6.58 0 0 1 6.55-6.56Z"
- style={ { fill: '#ce6c48', opacity: 0.72 } }
- />
- <path
- d="M48.34 26.1c3.62.09 6.86 2.5 6.86 6.12a7.21 7.21 0 0 1-6.86 7 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#cf6e4a', opacity: 0.71 } }
- />
- <path
- d="M48.35 26.11c3.62.08 6.86 2.5 6.86 6.12a7.21 7.21 0 0 1-6.86 7 6.51 6.51 0 0 1-6.56-6.56 6.58 6.58 0 0 1 6.56-6.56Z"
- style={ { fill: '#cf704c', opacity: 0.7 } }
- />
- <path
- d="M48.35 26.11c3.62.09 6.86 2.51 6.86 6.13a7.2 7.2 0 0 1-6.86 7 6.5 6.5 0 0 1-6.55-6.56 6.58 6.58 0 0 1 6.55-6.57Z"
- style={ { fill: '#d0724f', opacity: 0.69 } }
- />
- <path
- d="M48.36 26.12c3.62.09 6.85 2.52 6.85 6.14a7.19 7.19 0 0 1-6.85 7 6.52 6.52 0 0 1-6.56-6.56 6.59 6.59 0 0 1 6.56-6.58Z"
- style={ { fill: '#d17451', opacity: 0.68 } }
- />
- <path
- d="M48.36 26.13c3.62.09 6.85 2.52 6.85 6.14a7.18 7.18 0 0 1-6.85 7 6.5 6.5 0 0 1-6.55-6.55 6.58 6.58 0 0 1 6.55-6.59Z"
- style={ { fill: '#d17653', opacity: 0.67 } }
- />
- <path
- d="M48.37 26.14c3.62.08 6.84 2.53 6.84 6.15a7.16 7.16 0 0 1-6.84 7 6.51 6.51 0 0 1-6.56-6.55 6.59 6.59 0 0 1 6.56-6.6Z"
- style={ { fill: '#d27856', opacity: 0.66 } }
- />
- <path
- d="M48.37 26.15c3.62.08 6.84 2.53 6.84 6.15a7.16 7.16 0 0 1-6.84 7 6.51 6.51 0 0 1-6.55-6.56 6.58 6.58 0 0 1 6.55-6.59Z"
- style={ { fill: '#d27958', opacity: 0.65 } }
- />
- <path
- d="M48.38 26.16c3.62.08 6.84 2.53 6.84 6.15a7.15 7.15 0 0 1-6.84 7 6.52 6.52 0 0 1-6.56-6.56 6.59 6.59 0 0 1 6.56-6.59Z"
- style={ { fill: '#d37b5a', opacity: 0.65 } }
- />
- <path
- d="M48.38 26.16c3.62.08 6.84 2.55 6.84 6.17a7.14 7.14 0 0 1-6.84 7 6.51 6.51 0 0 1-6.55-6.56 6.59 6.59 0 0 1 6.55-6.61Z"
- style={ { fill: '#d47d5d', opacity: 0.64 } }
- />
- <path
- d="M48.39 26.17c3.62.08 6.83 2.55 6.83 6.17a7.14 7.14 0 0 1-6.83 6.95 6.53 6.53 0 0 1-6.56-6.56 6.6 6.6 0 0 1 6.56-6.56Z"
- style={ { fill: '#d47f5f', opacity: 0.63 } }
- />
- <path
- d="M48.4 26.18c3.62.08 6.82 2.56 6.82 6.18a7.12 7.12 0 0 1-6.82 6.93 6.51 6.51 0 0 1-6.56-6.55 6.58 6.58 0 0 1 6.56-6.56Z"
- style={ { fill: '#d58161', opacity: 0.62 } }
- />
- <path
- d="M48.4 26.19c3.62.08 6.82 2.56 6.82 6.18a7.12 7.12 0 0 1-6.82 6.93 6.5 6.5 0 0 1-6.55-6.55 6.57 6.57 0 0 1 6.55-6.56Z"
- style={ { fill: '#d68364', opacity: 0.61 } }
- />
- <path
- d="M48.41 26.2c3.62.07 6.81 2.56 6.81 6.18a7.1 7.1 0 0 1-6.81 6.93 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#d68566', opacity: 0.6 } }
- />
- <path
- d="M48.41 26.21c3.62.07 6.82 2.57 6.82 6.19a7.11 7.11 0 0 1-6.82 6.92 6.56 6.56 0 0 1 0-13.11Z"
- style={ { fill: '#d78668', opacity: 0.59 } }
- />
- <path
- d="M48.42 26.22c3.62.07 6.81 2.57 6.81 6.19a7.1 7.1 0 0 1-6.81 6.92 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#d7886b', opacity: 0.58 } }
- />
- <path
- d="M48.42 26.22c3.62.08 6.81 2.59 6.81 6.21a7.08 7.08 0 0 1-6.81 6.91 6.51 6.51 0 0 1-6.55-6.56 6.59 6.59 0 0 1 6.55-6.56Z"
- style={ { fill: '#d88a6d', opacity: 0.57 } }
- />
- <path
- d="M48.43 26.23c3.62.07 6.8 2.59 6.8 6.21a7.07 7.07 0 0 1-6.8 6.9 6.52 6.52 0 0 1-6.56-6.55 6.59 6.59 0 0 1 6.56-6.56Z"
- style={ { fill: '#d98c6f', opacity: 0.56 } }
- />
- <path
- d="M48.44 26.24c3.62.07 6.79 2.59 6.79 6.21a7.05 7.05 0 0 1-6.79 6.9 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#d98e72', opacity: 0.55 } }
- />
- <path
- d="M48.44 26.25c3.62.07 6.79 2.6 6.79 6.22a7.05 7.05 0 0 1-6.79 6.89 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#da9074', opacity: 0.55 } }
- />
- <path
- d="M48.45 26.26c3.62.06 6.78 2.6 6.78 6.22a7 7 0 0 1-6.78 6.89 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#db9276', opacity: 0.54 } }
- />
- <path
- d="M48.45 26.27c3.62.06 6.79 2.61 6.79 6.23a7 7 0 0 1-6.79 6.88 6.56 6.56 0 0 1 0-13.11Z"
- style={ { fill: '#db9379', opacity: 0.53 } }
- />
- <path
- d="M48.46 26.27c3.62.07 6.78 2.62 6.78 6.24a7 7 0 0 1-6.78 6.88 6.56 6.56 0 0 1 0-13.12Z"
- style={ { fill: '#dc957b', opacity: 0.52 } }
- />
- <path
- d="M48.46 26.28c3.62.07 6.78 2.62 6.78 6.24a7 7 0 0 1-6.78 6.87 6.56 6.56 0 0 1 0-13.11Z"
- style={ { fill: '#dc977d', opacity: 0.51 } }
- />
- <path
- d="M48.47 26.29c3.62.06 6.77 2.63 6.77 6.25a7 7 0 0 1-6.77 6.86 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#dd9980', opacity: 0.5 } }
- />
- <path
- d="M48.47 26.3c3.62.06 6.77 2.63 6.77 6.25a7 7 0 0 1-6.77 6.86 6.56 6.56 0 0 1 0-13.11Z"
- style={ { fill: '#de9b82', opacity: 0.49 } }
- />
- <path
- d="M48.48 26.31c3.62.06 6.76 2.64 6.76 6.26a7 7 0 0 1-6.76 6.85 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#de9d84', opacity: 0.48 } }
- />
- <path
- d="M48.49 26.32c3.62.06 6.76 2.64 6.76 6.26a7 7 0 0 1-6.76 6.85 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#df9f86', opacity: 0.47 } }
- />
- <path
- d="M48.49 26.32c3.62.06 6.76 2.65 6.76 6.27a7 7 0 0 1-6.76 6.85 6.56 6.56 0 0 1 0-13.12Z"
- style={ { fill: '#dfa089', opacity: 0.46 } }
- />
- <path
- d="M48.5 26.33c3.62.06 6.75 2.66 6.75 6.28a7 7 0 0 1-6.75 6.83 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#e0a28b', opacity: 0.45 } }
- />
- <path
- d="M48.5 26.34c3.62.06 6.75 2.66 6.75 6.28a7 7 0 0 1-6.75 6.83 6.56 6.56 0 0 1 0-13.11Z"
- style={ { fill: '#e1a48d', opacity: 0.45 } }
- />
- <path
- d="M48.51 26.35c3.62 0 6.74 2.67 6.74 6.29a7 7 0 0 1-6.74 6.82 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#e1a690', opacity: 0.44 } }
- />
- <path
- d="M48.51 26.36c3.62.05 6.74 2.67 6.74 6.29a7 7 0 0 1-6.74 6.82 6.56 6.56 0 0 1 0-13.11Z"
- style={ { fill: '#e2a892', opacity: 0.43 } }
- />
- <path
- d="M48.52 26.37c3.62.05 6.74 2.67 6.74 6.29a6.94 6.94 0 0 1-6.74 6.82 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#e3aa94', opacity: 0.42 } }
- />
- <path
- d="M48.52 26.37c3.62.06 6.74 2.69 6.74 6.31a6.93 6.93 0 0 1-6.74 6.81 6.56 6.56 0 0 1 0-13.12Z"
- style={ { fill: '#e3ac97', opacity: 0.41 } }
- />
- <path
- d="M48.53 26.38a6.54 6.54 0 0 1 6.73 6.31 6.93 6.93 0 0 1-6.73 6.81 6.56 6.56 0 0 1 0-13.12Z"
- style={ { fill: '#e4ad99', opacity: 0.4 } }
- />
- <path
- d="M48.54 26.39a6.54 6.54 0 0 1 6.72 6.32 6.9 6.9 0 0 1-6.72 6.79 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#e4af9b', opacity: 0.39 } }
- />
- <path
- d="M48.54 26.4a6.54 6.54 0 0 1 6.72 6.32 6.9 6.9 0 0 1-6.72 6.79 6.56 6.56 0 0 1 0-13.11Z"
- style={ { fill: '#e5b19e', opacity: 0.38 } }
- />
- <path
- d="M48.55 26.41a6.52 6.52 0 0 1 6.71 6.32 6.89 6.89 0 0 1-6.71 6.79 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#e6b3a0', opacity: 0.37 } }
- />
- <path
- d="M48.55 26.42a6.54 6.54 0 0 1 6.72 6.33 6.89 6.89 0 0 1-6.72 6.78 6.56 6.56 0 0 1 0-13.11Z"
- style={ { fill: '#e6b5a2', opacity: 0.36 } }
- />
- <path
- d="M48.56 26.43a6.53 6.53 0 0 1 6.71 6.33 6.88 6.88 0 0 1-6.71 6.78 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#e7b7a5', opacity: 0.35 } }
- />
- <path
- d="M48.56 26.43a6.55 6.55 0 0 1 6.71 6.35 6.88 6.88 0 0 1-6.71 6.77 6.56 6.56 0 0 1 0-13.12Z"
- style={ { fill: '#e8b9a7', opacity: 0.35 } }
- />
- <path
- d="M48.57 26.44a6.54 6.54 0 0 1 6.7 6.35 6.86 6.86 0 0 1-6.7 6.76 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#e8baa9', opacity: 0.34 } }
- />
- <path
- d="M48.58 26.45a6.53 6.53 0 0 1 6.69 6.35 6.84 6.84 0 0 1-6.69 6.76 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#e9bcac', opacity: 0.33 } }
- />
- <path
- d="M48.58 26.46a6.53 6.53 0 0 1 6.69 6.36 6.84 6.84 0 0 1-6.69 6.75 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#e9beae', opacity: 0.32 } }
- />
- <path
- d="M48.59 26.47a6.53 6.53 0 0 1 6.69 6.36 6.84 6.84 0 0 1-6.69 6.75 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#eac0b0', opacity: 0.31 } }
- />
- <path
- d="M48.59 26.48a6.54 6.54 0 0 1 6.69 6.37 6.83 6.83 0 0 1-6.69 6.74 6.56 6.56 0 0 1 0-13.11Z"
- style={ { fill: '#ebc2b3', opacity: 0.3 } }
- />
- <path
- d="M48.6 26.48a6.54 6.54 0 0 1 6.68 6.38 6.82 6.82 0 0 1-6.68 6.74 6.56 6.56 0 0 1 0-13.12Z"
- style={ { fill: '#ebc4b5', opacity: 0.29 } }
- />
- <path
- d="M48.6 26.49a6.54 6.54 0 0 1 6.68 6.38 6.81 6.81 0 0 1-6.68 6.73 6.56 6.56 0 0 1 0-13.11Z"
- style={ { fill: '#ecc6b7', opacity: 0.28 } }
- />
- <path
- d="M48.61 26.5a6.54 6.54 0 0 1 6.67 6.39 6.8 6.8 0 0 1-6.67 6.72 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#ecc7b9', opacity: 0.27 } }
- />
- <path
- d="M48.61 26.51a6.54 6.54 0 0 1 6.67 6.39 6.79 6.79 0 0 1-6.67 6.72 6.56 6.56 0 0 1 0-13.11Z"
- style={ { fill: '#edc9bc', opacity: 0.26 } }
- />
- <path
- d="M48.62 26.52a6.54 6.54 0 0 1 6.67 6.4 6.79 6.79 0 0 1-6.67 6.71 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#eecbbe', opacity: 0.25 } }
- />
- <path
- d="M48.63 26.53a6.53 6.53 0 0 1 6.66 6.4 6.78 6.78 0 0 1-6.66 6.71 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#eecdc0', opacity: 0.25 } }
- />
- <path
- d="M48.63 26.53a6.54 6.54 0 0 1 6.66 6.41 6.77 6.77 0 0 1-6.66 6.71 6.56 6.56 0 0 1 0-13.12Z"
- style={ { fill: '#efcfc3', opacity: 0.24 } }
- />
- <path
- d="M48.64 26.54A6.54 6.54 0 0 1 55.29 33a6.75 6.75 0 0 1-6.65 6.69 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#f0d1c5', opacity: 0.23 } }
- />
- <path
- d="M48.64 26.55A6.54 6.54 0 0 1 55.29 33a6.75 6.75 0 0 1-6.65 6.69 6.56 6.56 0 0 1 0-13.11Z"
- style={ { fill: '#f0d2c7', opacity: 0.22 } }
- />
- <path
- d="M48.65 26.56A6.54 6.54 0 0 1 55.29 33a6.74 6.74 0 0 1-6.64 6.68 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#f1d4ca', opacity: 0.21 } }
- />
- <path
- d="M48.65 26.57A6.54 6.54 0 0 1 55.3 33a6.74 6.74 0 0 1-6.65 6.68 6.56 6.56 0 0 1 0-13.11Z"
- style={ { fill: '#f1d6cc', opacity: 0.2 } }
- />
- <path
- d="M48.66 26.58A6.54 6.54 0 0 1 55.3 33a6.73 6.73 0 0 1-6.64 6.68 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#f2d8ce', opacity: 0.19 } }
- />
- <path
- d="M48.66 26.58A6.55 6.55 0 0 1 55.3 33a6.72 6.72 0 0 1-6.64 6.67 6.56 6.56 0 0 1 0-13.12Z"
- style={ { fill: '#f3dad1', opacity: 0.18 } }
- />
- <path
- d="M48.67 26.59A6.54 6.54 0 0 1 55.3 33a6.71 6.71 0 0 1-6.63 6.66 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#f3dcd3', opacity: 0.17 } }
- />
- <path
- d="M48.68 26.6a6.54 6.54 0 0 1 6.62 6.46 6.69 6.69 0 0 1-6.62 6.65 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#f4ded5', opacity: 0.16 } }
- />
- <path
- d="M48.68 26.61a6.54 6.54 0 0 1 6.62 6.46 6.69 6.69 0 0 1-6.62 6.65 6.56 6.56 0 0 1 0-13.11Z"
- style={ { fill: '#f4dfd8', opacity: 0.15 } }
- />
- <path
- d="M48.69 26.62a6.54 6.54 0 0 1 6.62 6.46 6.69 6.69 0 0 1-6.62 6.65 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#f5e1da', opacity: 0.15 } }
- />
- <path
- d="M48.69 26.63a6.55 6.55 0 0 1 6.62 6.47 6.68 6.68 0 0 1-6.62 6.64 6.56 6.56 0 0 1 0-13.11Z"
- style={ { fill: '#f6e3dc', opacity: 0.14 } }
- />
- <path
- d="M48.7 26.63a6.55 6.55 0 0 1 6.61 6.48 6.68 6.68 0 0 1-6.61 6.64 6.56 6.56 0 0 1 0-13.12Z"
- style={ { fill: '#f6e5df', opacity: 0.13 } }
- />
- <path
- d="M48.7 26.64a6.56 6.56 0 0 1 6.61 6.49 6.67 6.67 0 0 1-6.61 6.63 6.56 6.56 0 0 1 0-13.12Z"
- style={ { fill: '#f7e7e1', opacity: 0.12 } }
- />
- <path
- d="M48.71 26.65a6.55 6.55 0 0 1 6.6 6.49 6.65 6.65 0 0 1-6.6 6.62 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#f8e9e3', opacity: 0.11 } }
- />
- <path
- d="M48.72 26.66a6.54 6.54 0 0 1 6.59 6.49 6.63 6.63 0 0 1-6.59 6.62 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#f8ebe6', opacity: 0.1 } }
- />
- <path
- d="M48.72 26.67a6.55 6.55 0 0 1 6.6 6.5 6.64 6.64 0 0 1-6.6 6.61 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#f9ece8', opacity: 0.09 } }
- />
- <path
- d="M48.73 26.68a6.54 6.54 0 0 1 6.59 6.5 6.63 6.63 0 0 1-6.59 6.61 6.56 6.56 0 1 1 0-13.11Z"
- style={ { fill: '#f9eeea', opacity: 0.08 } }
- />
- <path
- d="M48.73 26.69a6.55 6.55 0 0 1 6.59 6.51 6.62 6.62 0 0 1-6.59 6.6 6.56 6.56 0 0 1 0-13.11Z"
- style={ { fill: '#faf0ec', opacity: 0.07 } }
- />
- <path
- d="M48.74 26.69a6.56 6.56 0 1 1-6.56 6.56 6.55 6.55 0 0 1 6.56-6.56Z"
- style={ { fill: '#fbf2ef', opacity: 0.06 } }
- />
- <path
- d="M48.74 26.7a6.56 6.56 0 1 1-6.55 6.56 6.55 6.55 0 0 1 6.55-6.56Z"
- style={ { fill: '#fbf4f1', opacity: 0.05 } }
- />
- <path
- d="M48.75 26.71a6.56 6.56 0 1 1-6.56 6.56 6.55 6.55 0 0 1 6.56-6.56Z"
- style={ { fill: '#fcf6f3', opacity: 0.05 } }
- />
- <path
- d="M48.75 26.72a6.56 6.56 0 1 1-6.55 6.55 6.55 6.55 0 0 1 6.55-6.55Z"
- style={ { fill: '#fdf8f6', opacity: 0.04 } }
- />
- <path
- d="M48.76 26.73a6.56 6.56 0 1 1-6.56 6.55 6.56 6.56 0 0 1 6.56-6.55Z"
- style={ { fill: '#fdf9f8', opacity: 0.03 } }
- />
- <path
- d="M48.77 26.74a6.56 6.56 0 1 1-6.56 6.55 6.55 6.55 0 0 1 6.56-6.55Z"
- style={ { fill: '#fefbfa', opacity: 0.02 } }
- />
- <path
- d="M48.77 26.74a6.56 6.56 0 1 1-6.55 6.56 6.56 6.56 0 0 1 6.55-6.56Z"
- style={ { fill: '#fefdfd', opacity: 0.01 } }
- />
- </g>
- </g>
- <g style={ { clipPath: `url(#clip-path-2)` } }>
- <g style={ { clipPath: `url(#clip-path-3)` } }>
- <path
- transform="rotate(-30 47.879 31.429)"
- style={ { fill: '#e04e15' } }
- d="M-6.16-22.61h108.07V85.46H-6.16z"
- />
- <path
- transform="rotate(-30 48.999 33.37)"
- style={ { fill: '#e04f15' } }
- d="M-5.03-20.66h108.07V87.41H-5.03z"
- />
- <path
- transform="matrix(.87 -.5 .5 .87 -10.95 29.8)"
- style={ { fill: '#e15015' } }
- d="M-3.91-18.71h108.07V89.36H-3.91z"
- />
- <path
- transform="rotate(-30 51.253 37.273)"
- style={ { fill: '#e15115' } }
- d="M-2.78-16.77h108.07V91.3H-2.78z"
- />
- <path
- transform="matrix(.87 -.5 .5 .87 -12.59 31.44)"
- style={ { fill: '#e25215' } }
- d="M-1.66-14.82h108.07V93.25H-1.66z"
- />
- <path
- transform="rotate(-30 53.507 41.177)"
- style={ { fill: '#e25316' } }
- d="M-.53-12.87h108.07V95.2H-.53z"
- />
- <path
- transform="rotate(-30 54.627 43.117)"
- style={ { fill: '#e35416' } }
- d="M.59-10.92h108.07V97.15H.59z"
- />
- <path
- transform="rotate(-30 55.747 45.057)"
- style={ { fill: '#e35516' } }
- d="M1.72-8.97h108.07V99.1H1.72z"
- />
- <path
- transform="matrix(.87 -.5 .5 .87 -15.89 34.74)"
- style={ { fill: '#e35616' } }
- d="M2.84-7.02h108.07v108.07H2.84z"
- />
- <path
- fill="#e45716"
- d="M-15.812 29.176 77.78-24.86l54.035 93.591-93.59 54.035z"
- />
- <path
- fill="#e45716"
- d="M-14.687 31.124 78.904-22.91l54.035 93.592-93.59 54.035z"
- />
- <path
- transform="matrix(.87 -.5 .5 .87 -18.36 37.21)"
- style={ { fill: '#e55816' } }
- d="M6.22-1.18h108.07v108.07H6.22z"
- />
- <path
- transform="rotate(-30 61.375 54.805)"
- style={ { fill: '#e55916' } }
- d="M7.34.77h108.07v108.07H7.34z"
- />
- <path
- transform="rotate(-30 62.495 56.746)"
- style={ { fill: '#e55a16' } }
- d="M8.47 2.72h108.07v108.07H8.47z"
- />
- <path
- transform="matrix(.87 -.5 .5 .87 -20.83 39.68)"
- style={ { fill: '#e65b16' } }
- d="M9.59 4.67h108.07v108.07H9.59z"
- />
- <path
- transform="matrix(.87 -.5 .5 .87 -21.65 40.5)"
- style={ { fill: '#e65c17' } }
- d="M10.72 6.62h108.07v108.07H10.72z"
- />
- <path
- transform="matrix(.87 -.5 .5 .87 -22.47 41.33)"
- style={ { fill: '#e75d17' } }
- d="M11.84 8.56h108.07v108.07H11.84z"
- />
- <path
- transform="rotate(-30 67.003 64.553)"
- style={ { fill: '#e75e17' } }
- d="M12.97 10.51h108.07v108.07H12.97z"
- />
- <path
- transform="rotate(-30 68.123 66.494)"
- style={ { fill: '#e85f17' } }
- d="M14.09 12.46h108.07v108.07H14.09z"
- />
- <path
- transform="rotate(-30 69.262 68.439)"
- style={ { fill: '#e86017' } }
- d="M15.22 14.41h108.07v108.07H15.22z"
- />
- <path
- transform="rotate(-30 69.68 69.19)"
- style={ { fill: '#e86117' } }
- d="M15.65 15.16h108.07v108.07H15.65z"
- />
- <path
- transform="rotate(-30 70.118 69.948)"
- style={ { fill: '#e96217' } }
- d="M16.09 15.92h108.07v108.07H16.09z"
- />
- <path
- transform="rotate(-30 70.555 70.705)"
- style={ { fill: '#e96317' } }
- d="M16.52 16.67h108.07v108.07H16.52z"
- />
- <path
- transform="rotate(-30 70.992 71.462)"
- style={ { fill: '#e96418' } }
- d="M16.96 17.42h108.07v108.07H16.96z"
- />
- <path
- transform="matrix(.87 -.5 .5 .87 -26.54 45.39)"
- style={ { fill: '#e96518' } }
- d="M17.39 18.18h108.07v108.07H17.39z"
- />
- <path
- transform="rotate(-30 71.871 72.958)"
- style={ { fill: '#ea6618' } }
- d="M17.82 18.93h108.07V127H17.82z"
- />
- <path
- transform="rotate(-30 72.29 73.71)"
- style={ { fill: '#ea6718' } }
- d="M18.26 19.68h108.07v108.07H18.26z"
- />
- <path
- transform="rotate(-30 72.727 74.467)"
- style={ { fill: '#ea6818' } }
- d="M18.69 20.43h108.07V128.5H18.69z"
- />
- <path
- transform="rotate(-30 73.164 75.224)"
- style={ { fill: '#ea6918' } }
- d="M19.13 21.19H127.2v108.07H19.13z"
- />
- <path
- transform="rotate(-30 73.6 75.981)"
- style={ { fill: '#eb6a18' } }
- d="M19.56 21.94h108.07v108.07H19.56z"
- />
- <path
- transform="rotate(-30 74.038 76.738)"
- style={ { fill: '#eb6b19' } }
- d="M20 22.69h108.07v108.07H20z"
- />
- <path
- transform="rotate(-30 74.48 77.477)"
- style={ { fill: '#eb6c19' } }
- d="M20.43 23.45H128.5v108.07H20.43z"
- />
- <path
- transform="matrix(.87 -.5 .5 .87 -29.08 47.93)"
- style={ { fill: '#eb6d19' } }
- d="M20.87 24.2h108.07v108.07H20.87z"
- />
- <path
- transform="rotate(-30 75.336 78.986)"
- style={ { fill: '#ec6e19' } }
- d="M21.3 24.95h108.07v108.07H21.3z"
- />
- <path
- transform="matrix(.87 -.5 .5 .87 -29.72 48.57)"
- style={ { fill: '#ec6f19' } }
- d="M21.74 25.71h108.07v108.07H21.74z"
- />
- <path
- transform="rotate(-30 76.21 80.5)"
- style={ { fill: '#ec7019' } }
- d="M22.17 26.46h108.07v108.07H22.17z"
- />
- <path
- transform="rotate(-30 76.647 81.258)"
- style={ { fill: '#ec7119' } }
- d="M22.61 27.21h108.07v108.07H22.61z"
- />
- <path
- transform="rotate(-30 77.084 82.015)"
- style={ { fill: '#ed7219' } }
- d="M23.04 27.97h108.07v108.07H23.04z"
- />
- <path
- transform="rotate(-30 77.508 82.748)"
- style={ { fill: '#ed731a' } }
- d="M23.48 28.72h108.07v108.07H23.48z"
- />
- <path
- transform="rotate(-30 77.945 83.505)"
- style={ { fill: '#ed741a' } }
- d="M23.91 29.47h108.07v108.07H23.91z"
- />
- <path
- transform="rotate(-30 78.382 84.262)"
- style={ { fill: '#ed751a' } }
- d="M24.35 30.23h108.07V138.3H24.35z"
- />
- <path
- transform="rotate(-30 78.82 85.02)"
- style={ { fill: '#ee761a' } }
- d="M24.78 30.98h108.07v108.07H24.78z"
- />
- <path
- transform="rotate(-30 79.256 85.777)"
- style={ { fill: '#ee771a' } }
- d="M25.22 31.73h108.07V139.8H25.22z"
- />
- <path
- transform="matrix(.87 -.5 .5 .87 -32.59 51.44)"
- style={ { fill: '#ee781a' } }
- d="M25.65 32.49h108.07v108.07H25.65z"
- />
- <path
- transform="rotate(-30 80.117 87.267)"
- style={ { fill: '#ef791a' } }
- d="M26.09 33.24h108.07v108.07H26.09z"
- />
- <path
- transform="rotate(-30 80.554 88.024)"
- style={ { fill: '#ef7a1b' } }
- d="M26.52 33.99h108.07v108.07H26.52z"
- />
- <path
- transform="rotate(-30 80.991 88.781)"
- style={ { fill: '#ef7b1b' } }
- d="M26.96 34.75h108.07v108.07H26.96z"
- />
- <path
- transform="matrix(.87 -.5 .5 .87 -33.86 52.71)"
- style={ { fill: '#ef7c1b' } }
- d="M27.39 35.5h108.07v108.07H27.39z"
- />
- <path
- transform="matrix(.87 -.5 .5 .87 -34.18 53.03)"
- style={ { fill: '#f07d1b' } }
- d="M27.83 36.25H135.9v108.07H27.83z"
- />
- <path
- transform="matrix(.87 -.5 .5 .87 -34.5 53.35)"
- style={ { fill: '#f07e1b' } }
- d="M28.26 37.01h108.07v108.07H28.26z"
- />
- <path
- transform="rotate(-30 82.745 91.791)"
- style={ { fill: '#f07f1b' } }
- d="M28.7 37.76h108.07v108.07H28.7z"
- />
- <path
- transform="matrix(.87 -.5 .5 .87 -35.13 53.98)"
- style={ { fill: '#f0801b' } }
- d="M29.13 38.51H137.2v108.07H29.13z"
- />
- <path
- transform="matrix(.87 -.5 .5 .87 -35.45 54.3)"
- style={ { fill: '#f1801c' } }
- d="M29.57 39.27h108.07v108.07H29.57z"
- />
- <path
- transform="rotate(-30 84.037 94.058)"
- style={ { fill: '#f1811c' } }
- d="M30 40.02h108.07v108.07H30z"
- />
- <path
- transform="rotate(-30 84.474 94.815)"
- style={ { fill: '#f1821c' } }
- d="M30.44 40.77h108.07v108.07H30.44z"
- />
- <path
- transform="rotate(-30 84.912 95.572)"
- style={ { fill: '#f1831c' } }
- d="M30.87 41.53h108.07V149.6H30.87z"
- />
- <path
- transform="rotate(-30 85.354 96.31)"
- style={ { fill: '#f2841c' } }
- d="M31.31 42.28h108.07v108.07H31.31z"
- />
- <path
- transform="rotate(-30 85.772 97.063)"
- style={ { fill: '#f2851c' } }
- d="M31.74 43.03h108.07V151.1H31.74z"
- />
- <path
- transform="rotate(-30 86.21 97.82)"
- style={ { fill: '#f2861c' } }
- d="M32.18 43.79h108.07v108.07H32.18z"
- />
- <path
- transform="rotate(-30 86.646 98.577)"
- style={ { fill: '#f2871d' } }
- d="M32.61 44.54h108.07v108.07H32.61z"
- />
- <path
- transform="rotate(-30 87.084 99.334)"
- style={ { fill: '#f3881d' } }
- d="M33.05 45.29h108.07v108.07H33.05z"
- />
- <path
- transform="rotate(-30 87.52 100.091)"
- style={ { fill: '#f3891d' } }
- d="M33.48 46.04h108.07v108.07H33.48z"
- />
- <path
- transform="rotate(-30 87.963 100.83)"
- style={ { fill: '#f38a1d' } }
- d="M33.92 46.8h108.07v108.07H33.92z"
- />
- <path
- transform="rotate(-30 88.381 101.582)"
- style={ { fill: '#f48b1d' } }
- d="M34.35 47.55h108.07v108.07H34.35z"
- />
- <path
- transform="matrix(.87 -.5 .5 .87 -39.27 58.12)"
- style={ { fill: '#f48c1d' } }
- d="M34.79 48.3h108.07v108.07H34.79z"
- />
- <path
- transform="matrix(.87 -.5 .5 .87 -39.59 58.44)"
- style={ { fill: '#f48d1d' } }
- d="M35.22 49.06h108.07v108.07H35.22z"
- />
- <path
- transform="matrix(.87 -.5 .5 .87 -39.91 58.76)"
- style={ { fill: '#f48e1e' } }
- d="M35.66 49.81h108.07v108.07H35.66z"
- />
- <path
- transform="rotate(-30 90.13 104.61)"
- style={ { fill: '#f58f1e' } }
- d="M36.09 50.56h108.07v108.07H36.09z"
- />
- <path
- transform="rotate(-30 90.572 105.349)"
- style={ { fill: '#f5901e' } }
- d="M36.52 51.32h108.07v108.07H36.52z"
- />
- <path
- transform="rotate(-30 90.99 106.1)"
- style={ { fill: '#f5911e' } }
- d="M36.96 52.07h108.07v108.07H36.96z"
- />
- <path
- transform="matrix(.87 -.5 .5 .87 -41.18 60.03)"
- style={ { fill: '#f5921e' } }
- d="M37.39 52.82h108.07v108.07H37.39z"
- />
- <path
- transform="matrix(.87 -.5 .5 .87 -41.5 60.35)"
- style={ { fill: '#f6931e' } }
- d="M37.83 53.58H145.9v108.07H37.83z"
- />
- <path
- transform="rotate(-30 92.302 108.372)"
- style={ { fill: '#f6941e' } }
- d="M38.26 54.33h108.07V162.4H38.26z"
- />
- <path
- transform="rotate(-30 92.739 109.13)"
- style={ { fill: '#f6951e' } }
- d="M38.7 55.08h108.07v108.07H38.7z"
- />
- <path
- transform="rotate(-30 93.181 109.868)"
- style={ { fill: '#f6961f' } }
- d="M39.13 55.84H147.2v108.07H39.13z"
- />
- <path
- transform="rotate(-30 93.6 110.62)"
- style={ { fill: '#f7971f' } }
- d="M39.57 56.59h108.07v108.07H39.57z"
- />
- <path
- transform="rotate(-30 94.037 111.377)"
- style={ { fill: '#f7981f' } }
- d="M40 57.34h108.07v108.07H40z"
- />
- <path
- transform="rotate(-30 94.474 112.134)"
- style={ { fill: '#f7991f' } }
- d="M40.44 58.1h108.07v108.07H40.44z"
- />
- <path
- transform="matrix(.87 -.5 .5 .87 -43.73 62.58)"
- style={ { fill: '#f79a1f' } }
- d="M40.87 58.85h108.07v108.07H40.87z"
- />
- <path
- transform="rotate(-30 95.348 113.648)"
- style={ { fill: '#f89b1f' } }
- d="M41.31 59.6h108.07v108.07H41.31z"
- />
- <path
- transform="rotate(-30 95.79 114.387)"
- style={ { fill: '#f89c1f' } }
- d="M41.74 60.36h108.07v108.07H41.74z"
- />
- <path
- transform="matrix(.87 -.5 .5 .87 -44.68 63.53)"
- style={ { fill: '#f89d20' } }
- d="M42.18 61.11h108.07v108.07H42.18z"
- />
- <path
- transform="rotate(-30 96.646 115.896)"
- style={ { fill: '#f89e20' } }
- d="M42.61 61.86h108.07v108.07H42.61z"
- />
- <path
- transform="rotate(-30 97.083 116.653)"
- style={ { fill: '#f99f20' } }
- d="M43.05 62.62h108.07v108.07H43.05z"
- />
- <path
- transform="rotate(-30 97.52 117.41)"
- style={ { fill: '#f9a020' } }
- d="M43.48 63.37h108.07v108.07H43.48z"
- />
- </g>
- </g>
- </g>
- </g>
- </svg>
-);
diff --git a/packages/js/onboarding/src/images/cards/discover.svg b/packages/js/onboarding/src/images/cards/discover.svg
new file mode 100644
index 00000000000..6e5aa969f9a
--- /dev/null
+++ b/packages/js/onboarding/src/images/cards/discover.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="61" height="40" viewBox="0 0 95.69 62.85"><defs><clipPath id="c"><path fill="none" d="M53.91 31.28a6.56 6.56 0 1 1-6.56-6.55 6.56 6.56 0 0 1 6.56 6.55"/></clipPath><clipPath id="d"><path fill="none" d="M90.39 2.3H5.3a3 3 0 0 0-3 3v52.25a3 3 0 0 0 3 3h85.09a3 3 0 0 0 3-3V5.3a3 3 0 0 0-3-3m-1.48 29.13a28.13 28.13 0 0 1-28.13 28.12H5.3a2 2 0 0 1-2-2V5.3a2 2 0 0 1 2-2h55.48a28.13 28.13 0 0 1 28.13 28.13"/></clipPath><clipPath id="e"><circle cx="47.88" cy="31.43" r="54.04" fill="none"/></clipPath><linearGradient id="a" x1="50.71" x2="46.17" y1="36.53" y2="29.43" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff9200"/><stop offset=".21" stop-color="#ff8d00"/><stop offset=".45" stop-color="#ff8000"/><stop offset=".62" stop-color="#ff7100"/><stop offset=".82" stop-color="#ff5e00"/><stop offset="1" stop-color="#ff5200"/></linearGradient><linearGradient id="b" x1="49.99" x2="43.36" y1="36.44" y2="23.47" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff7100" stop-opacity="0"/><stop offset=".03" stop-color="#ff6e00" stop-opacity=".03"/><stop offset=".21" stop-color="#ff5a00" stop-opacity=".25"/><stop offset=".39" stop-color="#ff4900" stop-opacity=".42"/><stop offset=".56" stop-color="#ff3c00" stop-opacity=".56"/><stop offset=".72" stop-color="#f30" stop-opacity=".66"/><stop offset=".86" stop-color="#ff2d00" stop-opacity=".72"/><stop offset=".98" stop-color="#ff2b00" stop-opacity=".74"/></linearGradient></defs><g style="isolation:isolate"><path d="M3.3 5.3v52.25a2 2 0 0 0 2 2h55.48a28.13 28.13 0 0 0 28.13-28.12A28.13 28.13 0 0 0 60.78 3.3H5.3a2 2 0 0 0-2 2" style="fill:#fff"/><path fill="#261f20" d="M10.06 25.1H6.51v12.38H10a6.45 6.45 0 0 0 4.42-1.43 6.2 6.2 0 0 0 2.28-4.75c0-3.65-2.7-6.2-6.64-6.2m2.82 9.3a4.57 4.57 0 0 1-3.31 1h-.64v-8.2h.64a4.5 4.5 0 0 1 3.31 1 4.2 4.2 0 0 1 1.34 3.08 4.26 4.26 0 0 1-1.34 3.12m4.94-9.3h2.41v12.38h-2.41zm8.31 4.75c-1.45-.53-1.87-.89-1.87-1.55s.76-1.38 1.8-1.38a2.47 2.47 0 0 1 1.94 1l1.27-1.66a5.4 5.4 0 0 0-3.64-1.37 3.64 3.64 0 0 0-3.86 3.55c0 1.7.78 2.58 3.05 3.39a9 9 0 0 1 1.66.71 1.46 1.46 0 0 1 .73 1.28 1.76 1.76 0 0 1-1.88 1.74 2.84 2.84 0 0 1-2.63-1.65l-1.56 1.5a4.8 4.8 0 0 0 4.28 2.36 4 4 0 0 0 4.27-4.06c0-1.96-.81-2.85-3.56-3.86m4.33 1.45A6.4 6.4 0 0 0 37 37.76a6.65 6.65 0 0 0 3-.76v-2.8a3.88 3.88 0 0 1-2.92 1.35 4 4 0 0 1-4.16-4.27A4.12 4.12 0 0 1 37 27a4 4 0 0 1 3 1.4v-2.81a6.15 6.15 0 0 0-3-.77 6.51 6.51 0 0 0-6.54 6.48m28.7 2.12-3.3-8.32h-2.64l5.26 12.7h1.3l5.34-12.7h-2.61zm7.06 4.06h6.84v-2.09h-4.43v-3.34h4.27v-2.1h-4.27V27.2h4.43v-2.1h-6.84zm16.41-8.72c0-2.32-1.6-3.66-4.39-3.66h-3.58v12.38h2.41v-5h.32l3.34 5h3l-3.9-5.21a3.3 3.3 0 0 0 2.8-3.51m-4.85 2h-.71v-3.71h.75c1.5 0 2.32.63 2.32 1.84s-.82 1.91-2.36 1.91Zm6.77-5.01c0-.21-.15-.33-.41-.33h-.35v1.09h.26v-.42l.3.42h.32l-.36-.45a.3.3 0 0 0 .24-.31m-.46.15v-.28c.13 0 .2 0 .2.14s-.07.14-.2.14"/><path fill="#261f20" d="M84.19 25a1 1 0 0 0 0 1.9 1 1 0 0 0 0-1.9m0 1.73a.78.78 0 0 1 0-1.56.78.78 0 0 1 0 1.56"/><path d="M53.91 31.28a6.56 6.56 0 1 1-6.55-6.55 6.56 6.56 0 0 1 6.55 6.55" style="fill:url(#a)"/><path d="M53.91 31.28a6.56 6.56 0 1 1-6.55-6.55 6.56 6.56 0 0 1 6.55 6.55" style="opacity:.65;fill:url(#b);mix-blend-mode:multiply"/><g style="opacity:.5;mix-blend-mode:multiply"><g style="clip-path:url(#c)"><path d="M47.38 24.63a6.69 6.69 0 1 1-6.68 6.68 6.67 6.67 0 0 1 6.68-6.68" style="fill:#020000"/><path d="M47.39 24.64a6.69 6.69 0 1 1-6.68 6.68 6.68 6.68 0 0 1 6.68-6.68" style="fill:#030100"/><path d="M47.4 24.65a6.69 6.69 0 1 1-6.69 6.68 6.67 6.67 0 0 1 6.69-6.68" style="fill:#050100"/><path d="M47.4 24.66a6.68 6.68 0 1 1-6.68 6.68 6.68 6.68 0 0 1 6.68-6.68" style="fill:#070200"/><path d="M47.41 24.67a6.68 6.68 0 1 1-6.68 6.68 6.68 6.68 0 0 1 6.68-6.68" style="fill:#080200"/><path d="M47.42 24.68a6.68 6.68 0 1 1-6.68 6.68 6.68 6.68 0 0 1 6.68-6.68" style="fill:#0a0300"/><path d="M47.43 24.69a6.68 6.68 0 1 1-6.68 6.68 6.67 6.67 0 0 1 6.68-6.68" style="fill:#0c0300"/><path d="M47.43 24.7a6.68 6.68 0 0 1 6.71 6.64 6.75 6.75 0 0 1-6.71 6.72 6.68 6.68 0 0 1 0-13.36" style="fill:#0e0400"/><path d="M47.44 24.71a6.67 6.67 0 0 1 6.71 6.63 6.75 6.75 0 0 1-6.71 6.73 6.68 6.68 0 0 1 0-13.36" style="fill:#0f0400"/><path d="M47.45 24.73a6.67 6.67 0 0 1 6.71 6.62 6.76 6.76 0 0 1-6.71 6.73 6.68 6.68 0 1 1 0-13.35" style="fill:#110500"/><path d="M47.45 24.74a6.66 6.66 0 0 1 6.72 6.61 6.76 6.76 0 0 1-6.72 6.74 6.68 6.68 0 0 1 0-13.35" style="fill:#130500"/><path d="M47.46 24.75a6.66 6.66 0 0 1 6.72 6.6 6.76 6.76 0 0 1-6.72 6.74 6.67 6.67 0 1 1 0-13.34" style="fill:#140600"/><path d="M47.47 24.76a6.66 6.66 0 0 1 6.72 6.6 6.78 6.78 0 0 1-6.72 6.74 6.67 6.67 0 0 1 0-13.34" style="fill:#160600"/><path d="M47.48 24.77a6.66 6.66 0 0 1 6.72 6.59 6.78 6.78 0 0 1-6.72 6.75 6.67 6.67 0 0 1 0-13.34" style="fill:#180600"/><path d="M47.48 24.78a6.66 6.66 0 0 1 6.73 6.59 6.79 6.79 0 0 1-6.73 6.75 6.67 6.67 0 1 1 0-13.34" style="fill:#190700"/><path d="M47.49 24.79a6.66 6.66 0 0 1 6.73 6.58 6.8 6.8 0 0 1-6.73 6.76 6.67 6.67 0 0 1 0-13.34" style="fill:#1b0700"/><path d="M47.5 24.8a6.65 6.65 0 0 1 6.73 6.57 6.81 6.81 0 0 1-6.73 6.77 6.67 6.67 0 0 1 0-13.34" style="fill:#1d0800"/><path d="M47.5 24.81a6.66 6.66 0 0 1 6.74 6.57 6.81 6.81 0 0 1-6.74 6.77 6.67 6.67 0 0 1 0-13.34" style="fill:#1f0800"/><path d="M47.51 24.82a6.66 6.66 0 0 1 6.74 6.56 6.82 6.82 0 0 1-6.74 6.77 6.67 6.67 0 0 1 0-13.33" style="fill:#200900"/><path d="M47.52 24.84a6.65 6.65 0 0 1 6.74 6.55 6.82 6.82 0 0 1-6.74 6.77 6.66 6.66 0 0 1 0-13.32" style="fill:#220900"/><path d="M47.53 24.85a6.64 6.64 0 0 1 6.74 6.54 6.83 6.83 0 0 1-6.74 6.78 6.66 6.66 0 1 1 0-13.32" style="fill:#240a00"/><path d="M47.53 24.86a6.65 6.65 0 0 1 6.75 6.54 6.84 6.84 0 0 1-6.75 6.78 6.66 6.66 0 0 1 0-13.32" style="fill:#250a00"/><path d="M47.54 24.87a6.65 6.65 0 0 1 6.75 6.53 6.85 6.85 0 0 1-6.75 6.79 6.66 6.66 0 1 1 0-13.32" style="fill:#270b00"/><path d="M47.55 24.88a6.65 6.65 0 0 1 6.75 6.52 6.86 6.86 0 0 1-6.75 6.8 6.66 6.66 0 1 1 0-13.32" style="fill:#290b00"/><path d="M47.55 24.89a6.65 6.65 0 0 1 6.76 6.52 6.86 6.86 0 0 1-6.76 6.8 6.66 6.66 0 0 1 0-13.32" style="fill:#2a0c00"/><path d="M47.56 24.9a6.64 6.64 0 0 1 6.76 6.51 6.86 6.86 0 0 1-6.76 6.8 6.66 6.66 0 0 1 0-13.31" style="fill:#2c0c00"/><path d="M47.57 24.91a6.64 6.64 0 0 1 6.76 6.51 6.88 6.88 0 0 1-6.76 6.8 6.66 6.66 0 1 1 0-13.31" style="fill:#2e0d00"/><path d="M47.58 24.92a6.65 6.65 0 0 1 6.76 6.5 6.88 6.88 0 0 1-6.76 6.81 6.66 6.66 0 1 1 0-13.31" style="fill:#300d00"/><path d="M47.58 24.94a6.63 6.63 0 0 1 6.77 6.49 6.89 6.89 0 0 1-6.77 6.81 6.65 6.65 0 1 1 0-13.3" style="fill:#310d00"/><path d="M47.59 25a6.63 6.63 0 0 1 6.77 6.48 6.9 6.9 0 0 1-6.77 6.82 6.65 6.65 0 0 1 0-13.3" style="fill:#330e00"/><path d="M47.6 25a6.63 6.63 0 0 1 6.77 6.47 6.91 6.91 0 0 1-6.77 6.83 6.65 6.65 0 0 1 0-13.3" style="fill:#350e00"/><path d="M47.6 25a6.63 6.63 0 0 1 6.78 6.47 6.91 6.91 0 0 1-6.78 6.83 6.65 6.65 0 0 1 0-13.3" style="fill:#360f00"/><path d="M47.61 25a6.63 6.63 0 0 1 6.78 6.46 6.93 6.93 0 0 1-6.78 6.84 6.65 6.65 0 1 1 0-13.3" style="fill:#380f00"/><path d="M47.62 25a6.63 6.63 0 0 1 6.78 6.46 6.92 6.92 0 0 1-6.78 6.83 6.65 6.65 0 1 1 0-13.29" style="fill:#3a1000"/><path d="M47.63 25a6.62 6.62 0 0 1 6.78 6.45 6.93 6.93 0 0 1-6.78 6.84 6.65 6.65 0 1 1 0-13.29" style="fill:#3b1000"/><path d="M47.63 25a6.63 6.63 0 0 1 6.79 6.45 6.94 6.94 0 0 1-6.79 6.84 6.65 6.65 0 0 1 0-13.29" style="fill:#3d1100"/><path d="M47.64 25a6.63 6.63 0 0 1 6.79 6.44 7 7 0 0 1-6.79 6.85 6.65 6.65 0 0 1 0-13.29" style="fill:#3f1100"/><path d="M47.65 25a6.64 6.64 0 0 1 6.79 6.43 7 7 0 0 1-6.79 6.86 6.65 6.65 0 0 1 0-13.29" style="fill:#411200"/><path d="M47.65 25.05a6.62 6.62 0 0 1 6.8 6.42 7 7 0 0 1-6.8 6.86 6.64 6.64 0 0 1 0-13.28" style="fill:#421200"/><path d="M47.66 25.06a6.62 6.62 0 0 1 6.8 6.41 7 7 0 0 1-6.8 6.87 6.64 6.64 0 1 1 0-13.28" style="fill:#441300"/><path d="M47.67 25.07a6.62 6.62 0 0 1 6.8 6.41 7 7 0 0 1-6.8 6.86 6.64 6.64 0 1 1 0-13.27" style="fill:#461300"/><path d="M47.68 25.08a6.62 6.62 0 0 1 6.8 6.4 7 7 0 0 1-6.8 6.87 6.64 6.64 0 1 1 0-13.27" style="fill:#471300"/><path d="M47.68 25.09a6.61 6.61 0 0 1 6.81 6.39 7 7 0 0 1-6.81 6.88 6.64 6.64 0 0 1 0-13.27" style="fill:#491400"/><path d="M47.69 25.1a6.61 6.61 0 0 1 6.81 6.39 7 7 0 0 1-6.81 6.88 6.64 6.64 0 0 1 0-13.27" style="fill:#4b1400"/><path d="M47.7 25.11a6.61 6.61 0 0 1 6.81 6.38 7 7 0 0 1-6.81 6.89 6.64 6.64 0 1 1 0-13.27" style="fill:#4c1500"/><path d="M47.7 25.12c3.67.06 6.82 2.71 6.82 6.38a7 7 0 0 1-6.82 6.89 6.64 6.64 0 0 1 0-13.27" style="fill:#4e1500"/><path d="M47.71 25.13c3.66.06 6.82 2.71 6.82 6.37a7 7 0 0 1-6.82 6.9 6.64 6.64 0 0 1 0-13.27" style="fill:#501600"/><path d="M47.72 25.15c3.66.05 6.82 2.69 6.82 6.36a7 7 0 0 1-6.82 6.9 6.63 6.63 0 0 1 0-13.26" style="fill:#521600"/><path d="M47.73 25.16c3.66.05 6.82 2.69 6.82 6.35a7 7 0 0 1-6.82 6.9 6.63 6.63 0 1 1 0-13.25" style="fill:#531700"/><path d="M47.73 25.17c3.66 0 6.83 2.68 6.83 6.34a7 7 0 0 1-6.83 6.91 6.63 6.63 0 0 1 0-13.25" style="fill:#551700"/><path d="M47.74 25.18c3.66.06 6.83 2.68 6.83 6.34a7 7 0 0 1-6.83 6.91 6.63 6.63 0 1 1 0-13.25" style="fill:#571800"/><path d="M47.75 25.19c3.66.06 6.83 2.67 6.83 6.33a7.06 7.06 0 0 1-6.83 6.92 6.63 6.63 0 1 1 0-13.25" style="fill:#581800"/><path d="M47.75 25.2c3.66.06 6.84 2.67 6.84 6.33a7.07 7.07 0 0 1-6.84 6.92 6.63 6.63 0 0 1 0-13.25" style="fill:#5a1900"/><path d="M47.76 25.21c3.66.06 6.84 2.66 6.84 6.32a7.08 7.08 0 0 1-6.84 6.93 6.63 6.63 0 0 1 0-13.25" style="fill:#5c1900"/><path d="M47.77 25.22c3.65.06 6.84 2.66 6.84 6.32a7.08 7.08 0 0 1-6.84 6.93 6.63 6.63 0 0 1 0-13.25" style="fill:#5e1a00"/><path d="M47.78 25.23c3.65.07 6.84 2.65 6.84 6.31a7.08 7.08 0 0 1-6.84 6.93 6.62 6.62 0 0 1 0-13.24" style="fill:#5f1a00"/><path d="M47.78 25.24c3.66.07 6.85 2.65 6.85 6.3a7.09 7.09 0 0 1-6.85 6.94 6.62 6.62 0 0 1 0-13.24" style="fill:#611a00"/><path d="M47.79 25.26c3.65.06 6.85 2.63 6.85 6.29a7.1 7.1 0 0 1-6.85 6.94 6.62 6.62 0 1 1 0-13.23" style="fill:#631b00"/><path d="M47.8 25.27c3.65.06 6.85 2.63 6.85 6.28a7.11 7.11 0 0 1-6.85 7 6.62 6.62 0 1 1 0-13.23Z" style="fill:#641b00"/><path d="M47.8 25.28c3.66.07 6.86 2.62 6.86 6.28a7.12 7.12 0 0 1-6.86 7 6.62 6.62 0 0 1 0-13.23Z" style="fill:#661c00"/><path d="M47.81 25.29c3.65.07 6.86 2.62 6.86 6.27a7.14 7.14 0 0 1-6.86 7 6.62 6.62 0 0 1 0-13.23Z" style="fill:#681c00"/><path d="M47.82 25.3c3.65.07 6.86 2.61 6.86 6.27a7.14 7.14 0 0 1-6.86 7 6.62 6.62 0 0 1 0-13.23Z" style="fill:#691d00"/><path d="M47.83 25.31c3.65.07 6.86 2.61 6.86 6.26a7.14 7.14 0 0 1-6.86 7 6.57 6.57 0 0 1-6.62-6.61 6.64 6.64 0 0 1 6.62-6.65" style="fill:#6b1d00"/><path d="M47.83 25.32c3.65.07 6.87 2.6 6.87 6.25a7.15 7.15 0 0 1-6.87 7 6.57 6.57 0 0 1-6.61-6.61 6.64 6.64 0 0 1 6.61-6.64" style="fill:#6d1e00"/><path d="M47.84 25.33c3.65.08 6.87 2.6 6.87 6.25a7.15 7.15 0 0 1-6.87 7 6.57 6.57 0 0 1-6.61-6.61 6.64 6.64 0 0 1 6.61-6.64" style="fill:#6f1e00"/><path d="M47.85 25.34c3.65.08 6.87 2.59 6.87 6.24a7.16 7.16 0 0 1-6.87 7A6.57 6.57 0 0 1 41.24 32a6.64 6.64 0 0 1 6.61-6.66" style="fill:#701f00"/><path d="M47.85 25.35c3.65.08 6.88 2.59 6.88 6.24a7.17 7.17 0 0 1-6.88 7 6.56 6.56 0 0 1-6.6-6.59 6.63 6.63 0 0 1 6.6-6.65" style="fill:#721f00"/><path d="M47.86 25.37c3.65.07 6.88 2.57 6.88 6.22a7.18 7.18 0 0 1-6.88 7 6.61 6.61 0 0 1 0-13.21Z" style="fill:#742000"/><path d="M47.87 25.38c3.65.08 6.88 2.57 6.88 6.22a7.19 7.19 0 0 1-6.88 7 6.61 6.61 0 1 1 0-13.21Z" style="fill:#752000"/><path d="M47.88 25.39c3.64.08 6.88 2.56 6.88 6.21a7.2 7.2 0 0 1-6.88 7 6.61 6.61 0 1 1 0-13.21" style="fill:#772000"/><path d="M47.88 25.4c3.65.08 6.89 2.56 6.89 6.2a7.2 7.2 0 0 1-6.89 7 6.56 6.56 0 0 1-6.6-6.6 6.62 6.62 0 0 1 6.6-6.6" style="fill:#792100"/><path d="M47.89 25.41c3.64.08 6.89 2.55 6.89 6.2a7.2 7.2 0 0 1-6.89 7 6.55 6.55 0 0 1-6.6-6.6 6.62 6.62 0 0 1 6.6-6.6" style="fill:#7a2100"/><path d="M47.9 25.42c3.64.08 6.89 2.55 6.89 6.19a7.21 7.21 0 0 1-6.89 7A6.54 6.54 0 0 1 41.3 32a6.62 6.62 0 0 1 6.6-6.58" style="fill:#7c2200"/><path d="M47.9 25.43c3.65.09 6.89 2.54 6.89 6.19a7.21 7.21 0 0 1-6.89 7A6.55 6.55 0 0 1 41.31 32a6.62 6.62 0 0 1 6.59-6.57" style="fill:#7e2200"/><path d="M47.91 25.44c3.64.09 6.89 2.54 6.89 6.18a7.22 7.22 0 0 1-6.89 7 6.56 6.56 0 0 1-6.6-6.6 6.64 6.64 0 0 1 6.6-6.58" style="fill:#802300"/><path d="M47.92 25.45c3.64.09 6.89 2.53 6.89 6.17a7.23 7.23 0 0 1-6.89 7 6.56 6.56 0 0 1-6.6-6.6 6.64 6.64 0 0 1 6.6-6.57" style="fill:#812300"/><path d="M47.93 25.47c3.64.08 6.89 2.52 6.89 6.16a7.24 7.24 0 0 1-6.89 7 6.55 6.55 0 0 1-6.6-6.6 6.62 6.62 0 0 1 6.6-6.56" style="fill:#832400"/><path d="M47.93 25.48c3.64.08 6.9 2.51 6.9 6.15a7.24 7.24 0 0 1-6.9 7 6.54 6.54 0 0 1-6.59-6.59 6.61 6.61 0 0 1 6.59-6.56" style="fill:#852400"/><path d="M47.94 25.49c3.64.09 6.9 2.51 6.9 6.15a7.25 7.25 0 0 1-6.9 7 6.54 6.54 0 0 1-6.59-6.59 6.61 6.61 0 0 1 6.59-6.56" style="fill:#862500"/><path d="M48 25.5c3.64.09 6.9 2.5 6.9 6.14a7.26 7.26 0 0 1-6.9 7 6.53 6.53 0 0 1-6.59-6.59A6.61 6.61 0 0 1 48 25.5" style="fill:#882500"/><path d="M48 25.51c3.64.09 6.91 2.5 6.91 6.14a7.27 7.27 0 0 1-6.91 7 6.54 6.54 0 0 1-6.59-6.59A6.63 6.63 0 0 1 48 25.51" style="fill:#8a2600"/><path d="M48 25.52c3.64.09 6.91 2.49 6.91 6.13A7.28 7.28 0 0 1 48 38.7a6.54 6.54 0 0 1-6.59-6.59A6.63 6.63 0 0 1 48 25.52" style="fill:#8b2600"/><path d="M48 25.53c3.64.1 6.91 2.49 6.91 6.12A7.28 7.28 0 0 1 48 38.71a6.54 6.54 0 0 1-6.59-6.59A6.63 6.63 0 0 1 48 25.53" style="fill:#8d2600"/><path d="M48 25.54c3.63.1 6.91 2.48 6.91 6.12A7.29 7.29 0 0 1 48 38.72a6.53 6.53 0 0 1-6.59-6.59A6.62 6.62 0 0 1 48 25.54" style="fill:#8f2700"/><path d="M48 25.55c3.64.1 6.92 2.48 6.92 6.11A7.3 7.3 0 0 1 48 38.73a6.53 6.53 0 0 1-6.58-6.59A6.62 6.62 0 0 1 48 25.55" style="fill:#912700"/><path d="M48 25.56c3.63.1 6.92 2.47 6.92 6.11A7.3 7.3 0 0 1 48 38.73a6.54 6.54 0 0 1-6.59-6.58A6.63 6.63 0 0 1 48 25.56" style="fill:#922800"/><path d="M48 25.58c3.63.09 6.92 2.46 6.92 6.09A7.31 7.31 0 0 1 48 38.74a6.54 6.54 0 0 1-6.59-6.58A6.62 6.62 0 0 1 48 25.58" style="fill:#942800"/><path d="M48 25.59c3.64.1 6.93 2.45 6.93 6.09A7.32 7.32 0 0 1 48 38.75a6.53 6.53 0 0 1-6.58-6.58A6.62 6.62 0 0 1 48 25.59" style="fill:#962900"/><path d="M48 25.6c3.63.1 6.93 2.45 6.93 6.08A7.33 7.33 0 0 1 48 38.76a6.53 6.53 0 0 1-6.58-6.58A6.62 6.62 0 0 1 48 25.6" style="fill:#972900"/><path d="M48 25.61c3.63.1 6.93 2.44 6.93 6.07A7.34 7.34 0 0 1 48 38.77a6.52 6.52 0 0 1-6.58-6.58A6.62 6.62 0 0 1 48 25.61" style="fill:#992a00"/><path d="M48 25.62c3.63.1 6.93 2.43 6.93 6.07A7.35 7.35 0 0 1 48 38.78a6.52 6.52 0 0 1-6.58-6.58A6.62 6.62 0 0 1 48 25.62" style="fill:#9b2a00"/><path d="M48 25.63c3.63.11 6.94 2.43 6.94 6.06a7.35 7.35 0 0 1-6.94 7.1 6.53 6.53 0 0 1-6.58-6.58A6.62 6.62 0 0 1 48 25.63" style="fill:#9c2b00"/><path d="M48 25.64c3.63.11 6.94 2.42 6.94 6.06A7.35 7.35 0 0 1 48 38.79a6.52 6.52 0 0 1-6.58-6.57A6.62 6.62 0 0 1 48 25.64" style="fill:#9e2b00"/><path d="M48.05 25.65c3.63.11 6.94 2.42 6.94 6.05a7.36 7.36 0 0 1-6.94 7.1 6.52 6.52 0 0 1-6.58-6.57 6.62 6.62 0 0 1 6.58-6.58" style="fill:#a02c00"/><path d="M48.05 25.66c3.63.11 7 2.41 7 6.05a7.37 7.37 0 0 1-7 7.1 6.51 6.51 0 0 1-6.57-6.57 6.61 6.61 0 0 1 6.57-6.58" style="fill:#a22c00"/><path d="M48.06 25.67c3.63.11 6.95 2.41 6.95 6a7.38 7.38 0 0 1-6.95 7.11 6.51 6.51 0 0 1-6.57-6.57 6.61 6.61 0 0 1 6.57-6.54" style="fill:#a32d00"/><path d="M48.07 25.69c3.63.11 7 2.39 7 6a7.39 7.39 0 0 1-7 7.12 6.51 6.51 0 0 1-6.57-6.57 6.6 6.6 0 0 1 6.57-6.55" style="fill:#a52d00"/><path d="M48.08 25.7c3.62.11 7 2.39 7 6a7.4 7.4 0 0 1-7 7.12 6.53 6.53 0 0 1-6.58-6.57 6.61 6.61 0 0 1 6.58-6.55" style="fill:#a72d00"/><path d="M48.08 25.71c3.63.11 7 2.38 7 6a7.41 7.41 0 0 1-7 7.13 6.51 6.51 0 0 1-6.57-6.57 6.6 6.6 0 0 1 6.57-6.56" style="fill:#a82e00"/><path d="M48.09 25.72c3.63.11 7 2.38 7 6a7.41 7.41 0 0 1-7 7.12 6.5 6.5 0 0 1-6.57-6.56 6.6 6.6 0 0 1 6.57-6.56" style="fill:#aa2e00"/><path d="M48.1 25.73c3.62.11 7 2.37 7 6a7.42 7.42 0 0 1-7 7.13 6.5 6.5 0 0 1-6.57-6.56 6.6 6.6 0 0 1 6.57-6.57" style="fill:#ac2f00"/><path d="M48.1 25.74c3.63.12 7 2.37 7 6a7.43 7.43 0 0 1-7 7.14 6.5 6.5 0 0 1-6.56-6.56 6.6 6.6 0 0 1 6.56-6.58" style="fill:#ad2f00"/><path d="M48.11 25.75c3.62.12 7 2.36 7 6a7.44 7.44 0 0 1-7 7.14 6.49 6.49 0 0 1-6.56-6.56 6.6 6.6 0 0 1 6.56-6.58" style="fill:#af3000"/><path d="M48.12 25.76c3.62.12 7 2.36 7 6a7.44 7.44 0 0 1-7 7.15 6.5 6.5 0 0 1-6.57-6.56 6.62 6.62 0 0 1 6.57-6.59" style="fill:#b13000"/><path d="M48.13 25.77c3.62.12 7 2.35 7 6s-3.35 7.15-7 7.15a6.5 6.5 0 0 1-6.57-6.56 6.62 6.62 0 0 1 6.57-6.59" style="fill:#b33100"/><path d="M48.13 25.79c3.62.12 7 2.34 7 6a7.46 7.46 0 0 1-7 7.16 6.5 6.5 0 0 1-6.56-6.56 6.59 6.59 0 0 1 6.56-6.6" style="fill:#b43100"/><path d="M48.14 25.8c3.62.12 7 2.33 7 6s-3.36 7.16-7 7.16a6.49 6.49 0 0 1-6.56-6.56 6.59 6.59 0 0 1 6.56-6.6" style="fill:#b63200"/><path d="M48.15 25.81c3.62.12 7 2.33 7 6s-3.36 7.16-7 7.16a6.48 6.48 0 0 1-6.56-6.55 6.59 6.59 0 0 1 6.56-6.61" style="fill:#b83200"/><path d="M48.15 25.82c3.62.12 7 2.32 7 5.94s-3.36 7.17-7 7.17a6.48 6.48 0 0 1-6.55-6.55 6.59 6.59 0 0 1 6.55-6.56" style="fill:#b93300"/><path d="M55.15 31.77c0 3.62-3.37 7.17-7 7.17a6.49 6.49 0 0 1-6.56-6.55 6.61 6.61 0 0 1 6.56-6.56c3.63.17 7 2.32 7 5.94" style="fill:#b30"/><path d="M48.17 25.84c3.62.12 7 2.32 7 5.94s-3.38 7.22-7 7.22a6.49 6.49 0 0 1-6.56-6.56 6.6 6.6 0 0 1 6.56-6.6" style="fill:#bc3502;opacity:.99"/><path d="M48.17 25.85c3.62.12 7 2.33 7 5.95s-3.38 7.2-7 7.2a6.49 6.49 0 0 1-6.55-6.56 6.59 6.59 0 0 1 6.55-6.59" style="fill:#bc3705;opacity:.98"/><path d="M48.18 25.85c3.62.13 7 2.34 7 6S51.8 39 48.18 39a6.49 6.49 0 0 1-6.56-6.56 6.61 6.61 0 0 1 6.56-6.59" style="fill:#bd3907;opacity:.97"/><path d="M48.18 25.86c3.62.12 7 2.34 7 6a7.45 7.45 0 0 1-7 7.15 6.48 6.48 0 0 1-6.55-6.55 6.6 6.6 0 0 1 6.55-6.6" style="fill:#bd3a09;opacity:.96"/><path d="M48.19 25.87c3.62.12 7 2.35 7 6a7.44 7.44 0 0 1-7 7.14 6.49 6.49 0 0 1-6.56-6.55 6.61 6.61 0 0 1 6.56-6.59" style="fill:#be3c0c;opacity:.95"/><path d="M48.19 25.88c3.62.12 7 2.35 7 6a7.44 7.44 0 0 1-7 7.14 6.48 6.48 0 0 1-6.55-6.55 6.6 6.6 0 0 1 6.55-6.59" style="fill:#bf3e0e;opacity:.95"/><path d="M48.2 25.89c3.62.12 7 2.36 7 6a7.42 7.42 0 0 1-7 7.13 6.5 6.5 0 0 1-6.56-6.56 6.6 6.6 0 0 1 6.56-6.57" style="fill:#bf4010;opacity:.94"/><path d="M48.21 25.9c3.61.11 6.95 2.36 6.95 6a7.42 7.42 0 0 1-6.95 7.1 6.5 6.5 0 0 1-6.56-6.56 6.59 6.59 0 0 1 6.56-6.54" style="fill:#c04213;opacity:.93"/><path d="M48.21 25.9c3.62.12 7 2.37 7 6a7.42 7.42 0 0 1-7 7.13 6.49 6.49 0 0 1-6.55-6.56 6.59 6.59 0 0 1 6.55-6.57" style="fill:#c14415;opacity:.92"/><path d="M48.22 25.91c3.62.12 7 2.38 7 6a7.41 7.41 0 0 1-7 7.12 6.5 6.5 0 0 1-6.56-6.56 6.59 6.59 0 0 1 6.56-6.56" style="fill:#c14617;opacity:.91"/><path d="M48.22 25.92c3.62.11 7 2.38 7 6a7.4 7.4 0 0 1-7 7.11 6.48 6.48 0 0 1-6.55-6.55 6.59 6.59 0 0 1 6.55-6.56" style="fill:#c24719;opacity:.9"/><path d="M48.23 25.93c3.62.11 6.94 2.39 6.94 6A7.38 7.38 0 0 1 48.23 39a6.49 6.49 0 0 1-6.56-6.55 6.59 6.59 0 0 1 6.56-6.52" style="fill:#c2491c;opacity:.89"/><path d="M48.23 25.94c3.62.11 6.94 2.39 6.94 6a7.38 7.38 0 0 1-6.94 7.1 6.49 6.49 0 0 1-6.55-6.56 6.59 6.59 0 0 1 6.55-6.54" style="fill:#c34b1e;opacity:.88"/><path d="M48.24 26c3.62.11 6.93 2.39 6.93 6a7.36 7.36 0 0 1-6.93 7.1 6.51 6.51 0 0 1-6.56-6.56A6.59 6.59 0 0 1 48.24 26" style="fill:#c44d20;opacity:.87"/><path d="M48.25 26c3.61.1 6.93 2.4 6.93 6a7.36 7.36 0 0 1-6.93 7.09 6.49 6.49 0 0 1-6.56-6.56A6.59 6.59 0 0 1 48.25 26" style="fill:#c44f23;opacity:.86"/><path d="M48.25 26c3.62.11 6.93 2.41 6.93 6a7.36 7.36 0 0 1-6.93 7.09 6.51 6.51 0 0 1-6.56-6.56A6.61 6.61 0 0 1 48.25 26" style="fill:#c55125;opacity:.85"/><path d="M48.26 26c3.62.11 6.92 2.42 6.92 6a7.33 7.33 0 0 1-6.92 7.07 6.5 6.5 0 0 1-6.56-6.55A6.6 6.6 0 0 1 48.26 26" style="fill:#c65327;opacity:.85"/><path d="M48.26 26c3.62.11 6.92 2.42 6.92 6a7.33 7.33 0 0 1-6.92 7.07 6.48 6.48 0 0 1-6.55-6.55A6.59 6.59 0 0 1 48.26 26" style="fill:#c6542a;opacity:.84"/><path d="M48.27 26c3.62.1 6.91 2.42 6.91 6a7.32 7.32 0 0 1-6.91 7.07 6.51 6.51 0 0 1-6.56-6.56A6.59 6.59 0 0 1 48.27 26" style="fill:#c7562c;opacity:.83"/><path d="M48.27 26c3.62.1 6.91 2.43 6.91 6a7.31 7.31 0 0 1-6.91 7.06 6.5 6.5 0 0 1-6.55-6.56 6.58 6.58 0 0 1 6.55-6.5" style="fill:#c7582e;opacity:.82"/><path d="M48.28 26c3.62.1 6.91 2.43 6.91 6.05a7.31 7.31 0 0 1-6.91 7.06 6.51 6.51 0 0 1-6.56-6.56A6.59 6.59 0 0 1 48.28 26" style="fill:#c85a31;opacity:.81"/><path d="M48.28 26c3.62.1 6.91 2.45 6.91 6.07a7.3 7.3 0 0 1-6.91 7.05 6.5 6.5 0 0 1-6.55-6.56A6.59 6.59 0 0 1 48.28 26" style="fill:#c95c33;opacity:.8"/><path d="M48.29 26c3.62.1 6.9 2.45 6.9 6.07a7.29 7.29 0 0 1-6.9 7 6.5 6.5 0 0 1-6.56-6.55A6.6 6.6 0 0 1 48.29 26" style="fill:#c95e35;opacity:.79"/><path d="M48.3 26c3.61.1 6.89 2.45 6.89 6.07a7.27 7.27 0 0 1-6.89 7 6.49 6.49 0 0 1-6.56-6.55A6.59 6.59 0 0 1 48.3 26" style="fill:#ca6038;opacity:.78"/><path d="M48.3 26c3.62.1 6.89 2.46 6.89 6.08a7.27 7.27 0 0 1-6.89 7 6.51 6.51 0 0 1-6.56-6.56A6.59 6.59 0 0 1 48.3 26" style="fill:#ca613a;opacity:.77"/><path d="M48.31 26.05c3.62.09 6.88 2.46 6.88 6.08a7.26 7.26 0 0 1-6.88 7 6.51 6.51 0 0 1-6.56-6.56 6.59 6.59 0 0 1 6.56-6.52" style="fill:#cb633c;opacity:.76"/><path d="M48.31 26.06c3.62.09 6.89 2.47 6.89 6.09a7.26 7.26 0 0 1-6.89 7 6.5 6.5 0 0 1-6.55-6.56 6.58 6.58 0 0 1 6.55-6.53" style="fill:#cc653f;opacity:.75"/><path d="M48.32 26.06c3.62.1 6.88 2.48 6.88 6.1a7.25 7.25 0 0 1-6.88 7 6.51 6.51 0 0 1-6.56-6.56 6.6 6.6 0 0 1 6.56-6.54" style="fill:#cc6741;opacity:.75"/><path d="M48.32 26.07c3.62.09 6.88 2.48 6.88 6.1a7.23 7.23 0 0 1-6.88 7 6.5 6.5 0 0 1-6.55-6.55 6.59 6.59 0 0 1 6.55-6.55" style="fill:#cd6943;opacity:.74"/><path d="M48.33 26.08c3.62.09 6.87 2.49 6.87 6.11a7.22 7.22 0 0 1-6.87 7 6.5 6.5 0 0 1-6.56-6.55 6.59 6.59 0 0 1 6.56-6.56" style="fill:#ce6b46;opacity:.73"/><path d="M48.33 26.09c3.62.09 6.87 2.49 6.87 6.11a7.22 7.22 0 0 1-6.87 7 6.5 6.5 0 0 1-6.55-6.55 6.58 6.58 0 0 1 6.55-6.56" style="fill:#ce6c48;opacity:.72"/><path d="M48.34 26.1c3.62.09 6.86 2.5 6.86 6.12a7.21 7.21 0 0 1-6.86 7 6.56 6.56 0 1 1 0-13.11Z" style="fill:#cf6e4a;opacity:.71"/><path d="M48.35 26.11c3.62.08 6.86 2.5 6.86 6.12a7.21 7.21 0 0 1-6.86 7 6.51 6.51 0 0 1-6.56-6.56 6.58 6.58 0 0 1 6.56-6.56" style="fill:#cf704c;opacity:.7"/><path d="M48.35 26.11c3.62.09 6.86 2.51 6.86 6.13a7.2 7.2 0 0 1-6.86 7 6.5 6.5 0 0 1-6.55-6.56 6.58 6.58 0 0 1 6.55-6.57" style="fill:#d0724f;opacity:.69"/><path d="M48.36 26.12c3.62.09 6.85 2.52 6.85 6.14a7.19 7.19 0 0 1-6.85 7 6.52 6.52 0 0 1-6.56-6.56 6.59 6.59 0 0 1 6.56-6.58" style="fill:#d17451;opacity:.68"/><path d="M48.36 26.13c3.62.09 6.85 2.52 6.85 6.14a7.18 7.18 0 0 1-6.85 7 6.5 6.5 0 0 1-6.55-6.55 6.58 6.58 0 0 1 6.55-6.59" style="fill:#d17653;opacity:.67"/><path d="M48.37 26.14c3.62.08 6.84 2.53 6.84 6.15a7.16 7.16 0 0 1-6.84 7 6.51 6.51 0 0 1-6.56-6.55 6.59 6.59 0 0 1 6.56-6.6" style="fill:#d27856;opacity:.66"/><path d="M48.37 26.15c3.62.08 6.84 2.53 6.84 6.15a7.16 7.16 0 0 1-6.84 7 6.51 6.51 0 0 1-6.55-6.56 6.58 6.58 0 0 1 6.55-6.59" style="fill:#d27958;opacity:.65"/><path d="M48.38 26.16c3.62.08 6.84 2.53 6.84 6.15a7.15 7.15 0 0 1-6.84 7 6.52 6.52 0 0 1-6.56-6.56 6.59 6.59 0 0 1 6.56-6.59" style="fill:#d37b5a;opacity:.65"/><path d="M48.38 26.16c3.62.08 6.84 2.55 6.84 6.17a7.14 7.14 0 0 1-6.84 7 6.51 6.51 0 0 1-6.55-6.56 6.59 6.59 0 0 1 6.55-6.61" style="fill:#d47d5d;opacity:.64"/><path d="M48.39 26.17c3.62.08 6.83 2.55 6.83 6.17a7.14 7.14 0 0 1-6.83 6.95 6.53 6.53 0 0 1-6.56-6.56 6.6 6.6 0 0 1 6.56-6.56" style="fill:#d47f5f;opacity:.63"/><path d="M48.4 26.18c3.62.08 6.82 2.56 6.82 6.18a7.12 7.12 0 0 1-6.82 6.93 6.51 6.51 0 0 1-6.56-6.55 6.58 6.58 0 0 1 6.56-6.56" style="fill:#d58161;opacity:.62"/><path d="M48.4 26.19c3.62.08 6.82 2.56 6.82 6.18a7.12 7.12 0 0 1-6.82 6.93 6.5 6.5 0 0 1-6.55-6.55 6.57 6.57 0 0 1 6.55-6.56" style="fill:#d68364;opacity:.61"/><path d="M48.41 26.2c3.62.07 6.81 2.56 6.81 6.18a7.1 7.1 0 0 1-6.81 6.93 6.56 6.56 0 1 1 0-13.11" style="fill:#d68566;opacity:.6"/><path d="M48.41 26.21c3.62.07 6.82 2.57 6.82 6.19a7.11 7.11 0 0 1-6.82 6.92 6.56 6.56 0 0 1 0-13.11" style="fill:#d78668;opacity:.59"/><path d="M48.42 26.22c3.62.07 6.81 2.57 6.81 6.19a7.1 7.1 0 0 1-6.81 6.92 6.56 6.56 0 1 1 0-13.11" style="fill:#d7886b;opacity:.58"/><path d="M48.42 26.22c3.62.08 6.81 2.59 6.81 6.21a7.08 7.08 0 0 1-6.81 6.91 6.51 6.51 0 0 1-6.55-6.56 6.59 6.59 0 0 1 6.55-6.56" style="fill:#d88a6d;opacity:.57"/><path d="M48.43 26.23c3.62.07 6.8 2.59 6.8 6.21a7.07 7.07 0 0 1-6.8 6.9 6.52 6.52 0 0 1-6.56-6.55 6.59 6.59 0 0 1 6.56-6.56" style="fill:#d98c6f;opacity:.56"/><path d="M48.44 26.24c3.62.07 6.79 2.59 6.79 6.21a7.05 7.05 0 0 1-6.79 6.9 6.56 6.56 0 1 1 0-13.11" style="fill:#d98e72;opacity:.55"/><path d="M48.44 26.25c3.62.07 6.79 2.6 6.79 6.22a7.05 7.05 0 0 1-6.79 6.89 6.56 6.56 0 1 1 0-13.11" style="fill:#da9074;opacity:.55"/><path d="M48.45 26.26c3.62.06 6.78 2.6 6.78 6.22a7 7 0 0 1-6.78 6.89 6.56 6.56 0 1 1 0-13.11" style="fill:#db9276;opacity:.54"/><path d="M48.45 26.27c3.62.06 6.79 2.61 6.79 6.23a7 7 0 0 1-6.79 6.88 6.56 6.56 0 0 1 0-13.11" style="fill:#db9379;opacity:.53"/><path d="M48.46 26.27c3.62.07 6.78 2.62 6.78 6.24a7 7 0 0 1-6.78 6.88 6.56 6.56 0 0 1 0-13.12" style="fill:#dc957b;opacity:.52"/><path d="M48.46 26.28c3.62.07 6.78 2.62 6.78 6.24a7 7 0 0 1-6.78 6.87 6.56 6.56 0 0 1 0-13.11" style="fill:#dc977d;opacity:.51"/><path d="M48.47 26.29c3.62.06 6.77 2.63 6.77 6.25a7 7 0 0 1-6.77 6.86 6.56 6.56 0 1 1 0-13.11" style="fill:#dd9980;opacity:.5"/><path d="M48.47 26.3c3.62.06 6.77 2.63 6.77 6.25a7 7 0 0 1-6.77 6.86 6.56 6.56 0 0 1 0-13.11" style="fill:#de9b82;opacity:.49"/><path d="M48.48 26.31c3.62.06 6.76 2.64 6.76 6.26a7 7 0 0 1-6.76 6.85 6.56 6.56 0 1 1 0-13.11" style="fill:#de9d84;opacity:.48"/><path d="M48.49 26.32c3.62.06 6.76 2.64 6.76 6.26a7 7 0 0 1-6.76 6.85 6.56 6.56 0 1 1 0-13.11" style="fill:#df9f86;opacity:.47"/><path d="M48.49 26.32c3.62.06 6.76 2.65 6.76 6.27a7 7 0 0 1-6.76 6.85 6.56 6.56 0 0 1 0-13.12" style="fill:#dfa089;opacity:.46"/><path d="M48.5 26.33c3.62.06 6.75 2.66 6.75 6.28a7 7 0 0 1-6.75 6.83 6.56 6.56 0 1 1 0-13.11" style="fill:#e0a28b;opacity:.45"/><path d="M48.5 26.34c3.62.06 6.75 2.66 6.75 6.28a7 7 0 0 1-6.75 6.83 6.56 6.56 0 0 1 0-13.11" style="fill:#e1a48d;opacity:.45"/><path d="M48.51 26.35c3.62 0 6.74 2.67 6.74 6.29a7 7 0 0 1-6.74 6.82 6.56 6.56 0 1 1 0-13.11" style="fill:#e1a690;opacity:.44"/><path d="M48.51 26.36c3.62.05 6.74 2.67 6.74 6.29a7 7 0 0 1-6.74 6.82 6.56 6.56 0 0 1 0-13.11" style="fill:#e2a892;opacity:.43"/><path d="M48.52 26.37c3.62.05 6.74 2.67 6.74 6.29a6.94 6.94 0 0 1-6.74 6.82 6.56 6.56 0 1 1 0-13.11" style="fill:#e3aa94;opacity:.42"/><path d="M48.52 26.37c3.62.06 6.74 2.69 6.74 6.31a6.93 6.93 0 0 1-6.74 6.81 6.56 6.56 0 0 1 0-13.12" style="fill:#e3ac97;opacity:.41"/><path d="M48.53 26.38a6.54 6.54 0 0 1 6.73 6.31 6.93 6.93 0 0 1-6.73 6.81 6.56 6.56 0 0 1 0-13.12" style="fill:#e4ad99;opacity:.4"/><path d="M48.54 26.39a6.54 6.54 0 0 1 6.72 6.32 6.9 6.9 0 0 1-6.72 6.79 6.56 6.56 0 1 1 0-13.11" style="fill:#e4af9b;opacity:.39"/><path d="M48.54 26.4a6.54 6.54 0 0 1 6.72 6.32 6.9 6.9 0 0 1-6.72 6.79 6.56 6.56 0 0 1 0-13.11" style="fill:#e5b19e;opacity:.38"/><path d="M48.55 26.41a6.52 6.52 0 0 1 6.71 6.32 6.89 6.89 0 0 1-6.71 6.79 6.56 6.56 0 1 1 0-13.11" style="fill:#e6b3a0;opacity:.37"/><path d="M48.55 26.42a6.54 6.54 0 0 1 6.72 6.33 6.89 6.89 0 0 1-6.72 6.78 6.56 6.56 0 0 1 0-13.11" style="fill:#e6b5a2;opacity:.36"/><path d="M48.56 26.43a6.53 6.53 0 0 1 6.71 6.33 6.88 6.88 0 0 1-6.71 6.78 6.56 6.56 0 1 1 0-13.11" style="fill:#e7b7a5;opacity:.35"/><path d="M48.56 26.43a6.55 6.55 0 0 1 6.71 6.35 6.88 6.88 0 0 1-6.71 6.77 6.56 6.56 0 0 1 0-13.12" style="fill:#e8b9a7;opacity:.35"/><path d="M48.57 26.44a6.54 6.54 0 0 1 6.7 6.35 6.86 6.86 0 0 1-6.7 6.76 6.56 6.56 0 1 1 0-13.11" style="fill:#e8baa9;opacity:.34"/><path d="M48.58 26.45a6.53 6.53 0 0 1 6.69 6.35 6.84 6.84 0 0 1-6.69 6.76 6.56 6.56 0 1 1 0-13.11" style="fill:#e9bcac;opacity:.33"/><path d="M48.58 26.46a6.53 6.53 0 0 1 6.69 6.36 6.84 6.84 0 0 1-6.69 6.75 6.56 6.56 0 1 1 0-13.11" style="fill:#e9beae;opacity:.32"/><path d="M48.59 26.47a6.53 6.53 0 0 1 6.69 6.36 6.84 6.84 0 0 1-6.69 6.75 6.56 6.56 0 1 1 0-13.11" style="fill:#eac0b0;opacity:.31"/><path d="M48.59 26.48a6.54 6.54 0 0 1 6.69 6.37 6.83 6.83 0 0 1-6.69 6.74 6.56 6.56 0 0 1 0-13.11" style="fill:#ebc2b3;opacity:.3"/><path d="M48.6 26.48a6.54 6.54 0 0 1 6.68 6.38 6.82 6.82 0 0 1-6.68 6.74 6.56 6.56 0 0 1 0-13.12" style="fill:#ebc4b5;opacity:.29"/><path d="M48.6 26.49a6.54 6.54 0 0 1 6.68 6.38 6.81 6.81 0 0 1-6.68 6.73 6.56 6.56 0 0 1 0-13.11" style="fill:#ecc6b7;opacity:.28"/><path d="M48.61 26.5a6.54 6.54 0 0 1 6.67 6.39 6.8 6.8 0 0 1-6.67 6.72 6.56 6.56 0 1 1 0-13.11" style="fill:#ecc7b9;opacity:.27"/><path d="M48.61 26.51a6.54 6.54 0 0 1 6.67 6.39 6.79 6.79 0 0 1-6.67 6.72 6.56 6.56 0 0 1 0-13.11" style="fill:#edc9bc;opacity:.26"/><path d="M48.62 26.52a6.54 6.54 0 0 1 6.67 6.4 6.79 6.79 0 0 1-6.67 6.71 6.56 6.56 0 1 1 0-13.11" style="fill:#eecbbe;opacity:.25"/><path d="M48.63 26.53a6.53 6.53 0 0 1 6.66 6.4 6.78 6.78 0 0 1-6.66 6.71 6.56 6.56 0 1 1 0-13.11" style="fill:#eecdc0;opacity:.25"/><path d="M48.63 26.53a6.54 6.54 0 0 1 6.66 6.41 6.77 6.77 0 0 1-6.66 6.71 6.56 6.56 0 0 1 0-13.12" style="fill:#efcfc3;opacity:.24"/><path d="M48.64 26.54A6.54 6.54 0 0 1 55.29 33a6.75 6.75 0 0 1-6.65 6.69 6.56 6.56 0 1 1 0-13.11Z" style="fill:#f0d1c5;opacity:.23"/><path d="M48.64 26.55A6.54 6.54 0 0 1 55.29 33a6.75 6.75 0 0 1-6.65 6.69 6.56 6.56 0 0 1 0-13.11Z" style="fill:#f0d2c7;opacity:.22"/><path d="M48.65 26.56A6.54 6.54 0 0 1 55.29 33a6.74 6.74 0 0 1-6.64 6.68 6.56 6.56 0 1 1 0-13.11Z" style="fill:#f1d4ca;opacity:.21"/><path d="M48.65 26.57A6.54 6.54 0 0 1 55.3 33a6.74 6.74 0 0 1-6.65 6.68 6.56 6.56 0 0 1 0-13.11" style="fill:#f1d6cc;opacity:.2"/><path d="M48.66 26.58A6.54 6.54 0 0 1 55.3 33a6.73 6.73 0 0 1-6.64 6.68 6.56 6.56 0 1 1 0-13.11Z" style="fill:#f2d8ce;opacity:.19"/><path d="M48.66 26.58A6.55 6.55 0 0 1 55.3 33a6.72 6.72 0 0 1-6.64 6.67 6.56 6.56 0 0 1 0-13.12Z" style="fill:#f3dad1;opacity:.18"/><path d="M48.67 26.59A6.54 6.54 0 0 1 55.3 33a6.71 6.71 0 0 1-6.63 6.66 6.56 6.56 0 1 1 0-13.11Z" style="fill:#f3dcd3;opacity:.17"/><path d="M48.68 26.6a6.54 6.54 0 0 1 6.62 6.46 6.69 6.69 0 0 1-6.62 6.65 6.56 6.56 0 1 1 0-13.11" style="fill:#f4ded5;opacity:.16"/><path d="M48.68 26.61a6.54 6.54 0 0 1 6.62 6.46 6.69 6.69 0 0 1-6.62 6.65 6.56 6.56 0 0 1 0-13.11" style="fill:#f4dfd8;opacity:.15"/><path d="M48.69 26.62a6.54 6.54 0 0 1 6.62 6.46 6.69 6.69 0 0 1-6.62 6.65 6.56 6.56 0 1 1 0-13.11" style="fill:#f5e1da;opacity:.15"/><path d="M48.69 26.63a6.55 6.55 0 0 1 6.62 6.47 6.68 6.68 0 0 1-6.62 6.64 6.56 6.56 0 0 1 0-13.11" style="fill:#f6e3dc;opacity:.14"/><path d="M48.7 26.63a6.55 6.55 0 0 1 6.61 6.48 6.68 6.68 0 0 1-6.61 6.64 6.56 6.56 0 0 1 0-13.12" style="fill:#f6e5df;opacity:.13"/><path d="M48.7 26.64a6.56 6.56 0 0 1 6.61 6.49 6.67 6.67 0 0 1-6.61 6.63 6.56 6.56 0 0 1 0-13.12" style="fill:#f7e7e1;opacity:.12"/><path d="M48.71 26.65a6.55 6.55 0 0 1 6.6 6.49 6.65 6.65 0 0 1-6.6 6.62 6.56 6.56 0 1 1 0-13.11" style="fill:#f8e9e3;opacity:.11"/><path d="M48.72 26.66a6.54 6.54 0 0 1 6.59 6.49 6.63 6.63 0 0 1-6.59 6.62 6.56 6.56 0 1 1 0-13.11" style="fill:#f8ebe6;opacity:.1"/><path d="M48.72 26.67a6.55 6.55 0 0 1 6.6 6.5 6.64 6.64 0 0 1-6.6 6.61 6.56 6.56 0 1 1 0-13.11" style="fill:#f9ece8;opacity:.09"/><path d="M48.73 26.68a6.54 6.54 0 0 1 6.59 6.5 6.63 6.63 0 0 1-6.59 6.61 6.56 6.56 0 1 1 0-13.11" style="fill:#f9eeea;opacity:.08"/><path d="M48.73 26.69a6.55 6.55 0 0 1 6.59 6.51 6.62 6.62 0 0 1-6.59 6.6 6.56 6.56 0 0 1 0-13.11" style="fill:#faf0ec;opacity:.07"/><path d="M48.74 26.69a6.56 6.56 0 1 1-6.56 6.56 6.55 6.55 0 0 1 6.56-6.56" style="fill:#fbf2ef;opacity:.06"/><path d="M48.74 26.7a6.56 6.56 0 1 1-6.55 6.56 6.55 6.55 0 0 1 6.55-6.56" style="fill:#fbf4f1;opacity:.05"/><path d="M48.75 26.71a6.56 6.56 0 1 1-6.56 6.56 6.55 6.55 0 0 1 6.56-6.56" style="fill:#fcf6f3;opacity:.05"/><path d="M48.75 26.72a6.56 6.56 0 1 1-6.55 6.55 6.55 6.55 0 0 1 6.55-6.55" style="fill:#fdf8f6;opacity:.04"/><path d="M48.76 26.73a6.56 6.56 0 1 1-6.56 6.55 6.56 6.56 0 0 1 6.56-6.55" style="fill:#fdf9f8;opacity:.03"/><path d="M48.77 26.74a6.56 6.56 0 1 1-6.56 6.55 6.55 6.55 0 0 1 6.56-6.55" style="fill:#fefbfa;opacity:.02"/><path d="M48.77 26.74a6.56 6.56 0 1 1-6.55 6.56 6.56 6.56 0 0 1 6.55-6.56" style="fill:#fefdfd;opacity:.01"/></g></g><g style="clip-path:url(#d)"><g style="clip-path:url(#e)"><path d="M-6.16-22.61h108.07V85.46H-6.16z" style="fill:#e04e15" transform="rotate(-30 47.879 31.429)"/><path d="M-5.03-20.66h108.07V87.41H-5.03z" style="fill:#e04f15" transform="rotate(-30 48.999 33.37)"/><path d="M-3.91-18.71h108.07V89.36H-3.91z" style="fill:#e15015" transform="matrix(.87 -.5 .5 .87 -10.95 29.8)"/><path d="M-2.78-16.77h108.07V91.3H-2.78z" style="fill:#e15115" transform="rotate(-30 51.253 37.273)"/><path d="M-1.66-14.82h108.07V93.25H-1.66z" style="fill:#e25215" transform="matrix(.87 -.5 .5 .87 -12.59 31.44)"/><path d="M-.53-12.87h108.07V95.2H-.53z" style="fill:#e25316" transform="rotate(-30 53.507 41.177)"/><path d="M.59-10.92h108.07V97.15H.59z" style="fill:#e35416" transform="rotate(-30 54.627 43.117)"/><path d="M1.72-8.97h108.07V99.1H1.72z" style="fill:#e35516" transform="rotate(-30 55.747 45.057)"/><path d="M2.84-7.02h108.07v108.07H2.84z" style="fill:#e35616" transform="matrix(.87 -.5 .5 .87 -15.89 34.74)"/><path fill="#e45716" d="M-15.812 29.176 77.78-24.86l54.035 93.591-93.59 54.035z"/><path fill="#e45716" d="M-14.687 31.124 78.904-22.91l54.035 93.592-93.59 54.035z"/><path d="M6.22-1.18h108.07v108.07H6.22z" style="fill:#e55816" transform="matrix(.87 -.5 .5 .87 -18.36 37.21)"/><path d="M7.34.77h108.07v108.07H7.34z" style="fill:#e55916" transform="rotate(-30 61.375 54.805)"/><path d="M8.47 2.72h108.07v108.07H8.47z" style="fill:#e55a16" transform="rotate(-30 62.495 56.746)"/><path d="M9.59 4.67h108.07v108.07H9.59z" style="fill:#e65b16" transform="matrix(.87 -.5 .5 .87 -20.83 39.68)"/><path d="M10.72 6.62h108.07v108.07H10.72z" style="fill:#e65c17" transform="matrix(.87 -.5 .5 .87 -21.65 40.5)"/><path d="M11.84 8.56h108.07v108.07H11.84z" style="fill:#e75d17" transform="matrix(.87 -.5 .5 .87 -22.47 41.33)"/><path d="M12.97 10.51h108.07v108.07H12.97z" style="fill:#e75e17" transform="rotate(-30 67.003 64.553)"/><path d="M14.09 12.46h108.07v108.07H14.09z" style="fill:#e85f17" transform="rotate(-30 68.123 66.494)"/><path d="M15.22 14.41h108.07v108.07H15.22z" style="fill:#e86017" transform="rotate(-30 69.262 68.439)"/><path d="M15.65 15.16h108.07v108.07H15.65z" style="fill:#e86117" transform="rotate(-30 69.68 69.19)"/><path d="M16.09 15.92h108.07v108.07H16.09z" style="fill:#e96217" transform="rotate(-30 70.118 69.948)"/><path d="M16.52 16.67h108.07v108.07H16.52z" style="fill:#e96317" transform="rotate(-30 70.555 70.705)"/><path d="M16.96 17.42h108.07v108.07H16.96z" style="fill:#e96418" transform="rotate(-30 70.992 71.462)"/><path d="M17.39 18.18h108.07v108.07H17.39z" style="fill:#e96518" transform="matrix(.87 -.5 .5 .87 -26.54 45.39)"/><path d="M17.82 18.93h108.07V127H17.82z" style="fill:#ea6618" transform="rotate(-30 71.871 72.958)"/><path d="M18.26 19.68h108.07v108.07H18.26z" style="fill:#ea6718" transform="rotate(-30 72.29 73.71)"/><path d="M18.69 20.43h108.07V128.5H18.69z" style="fill:#ea6818" transform="rotate(-30 72.727 74.467)"/><path d="M19.13 21.19H127.2v108.07H19.13z" style="fill:#ea6918" transform="rotate(-30 73.164 75.224)"/><path d="M19.56 21.94h108.07v108.07H19.56z" style="fill:#eb6a18" transform="rotate(-30 73.6 75.981)"/><path d="M20 22.69h108.07v108.07H20z" style="fill:#eb6b19" transform="rotate(-30 74.038 76.738)"/><path d="M20.43 23.45H128.5v108.07H20.43z" style="fill:#eb6c19" transform="rotate(-30 74.48 77.477)"/><path d="M20.87 24.2h108.07v108.07H20.87z" style="fill:#eb6d19" transform="matrix(.87 -.5 .5 .87 -29.08 47.93)"/><path d="M21.3 24.95h108.07v108.07H21.3z" style="fill:#ec6e19" transform="rotate(-30 75.336 78.986)"/><path d="M21.74 25.71h108.07v108.07H21.74z" style="fill:#ec6f19" transform="matrix(.87 -.5 .5 .87 -29.72 48.57)"/><path d="M22.17 26.46h108.07v108.07H22.17z" style="fill:#ec7019" transform="rotate(-30 76.21 80.5)"/><path d="M22.61 27.21h108.07v108.07H22.61z" style="fill:#ec7119" transform="rotate(-30 76.647 81.258)"/><path d="M23.04 27.97h108.07v108.07H23.04z" style="fill:#ed7219" transform="rotate(-30 77.084 82.015)"/><path d="M23.48 28.72h108.07v108.07H23.48z" style="fill:#ed731a" transform="rotate(-30 77.508 82.748)"/><path d="M23.91 29.47h108.07v108.07H23.91z" style="fill:#ed741a" transform="rotate(-30 77.945 83.505)"/><path d="M24.35 30.23h108.07V138.3H24.35z" style="fill:#ed751a" transform="rotate(-30 78.382 84.262)"/><path d="M24.78 30.98h108.07v108.07H24.78z" style="fill:#ee761a" transform="rotate(-30 78.82 85.02)"/><path d="M25.22 31.73h108.07V139.8H25.22z" style="fill:#ee771a" transform="rotate(-30 79.256 85.777)"/><path d="M25.65 32.49h108.07v108.07H25.65z" style="fill:#ee781a" transform="rotate(-29.9 79.8 86.478)"/><path d="M26.09 33.24h108.07v108.07H26.09z" style="fill:#ef791a" transform="rotate(-30 80.117 87.267)"/><path d="M26.52 33.99h108.07v108.07H26.52z" style="fill:#ef7a1b" transform="rotate(-30 80.554 88.024)"/><path d="M26.96 34.75h108.07v108.07H26.96z" style="fill:#ef7b1b" transform="rotate(-30 80.991 88.781)"/><path d="M27.39 35.5h108.07v108.07H27.39z" style="fill:#ef7c1b" transform="matrix(.87 -.5 .5 .87 -33.86 52.71)"/><path d="M27.83 36.25H135.9v108.07H27.83z" style="fill:#f07d1b" transform="matrix(.87 -.5 .5 .87 -34.18 53.03)"/><path d="M28.26 37.01h108.07v108.07H28.26z" style="fill:#f07e1b" transform="matrix(.87 -.5 .5 .87 -34.5 53.35)"/><path d="M28.7 37.76h108.07v108.07H28.7z" style="fill:#f07f1b" transform="rotate(-30 82.745 91.791)"/><path d="M29.13 38.51H137.2v108.07H29.13z" style="fill:#f0801b" transform="matrix(.87 -.5 .5 .87 -35.13 53.98)"/><path d="M29.57 39.27h108.07v108.07H29.57z" style="fill:#f1801c" transform="matrix(.87 -.5 .5 .87 -35.45 54.3)"/><path d="M30 40.02h108.07v108.07H30z" style="fill:#f1811c" transform="rotate(-30 84.037 94.058)"/><path d="M30.44 40.77h108.07v108.07H30.44z" style="fill:#f1821c" transform="rotate(-30 84.474 94.815)"/><path d="M30.87 41.53h108.07V149.6H30.87z" style="fill:#f1831c" transform="rotate(-30 84.912 95.572)"/><path d="M31.31 42.28h108.07v108.07H31.31z" style="fill:#f2841c" transform="rotate(-30 85.354 96.31)"/><path d="M31.74 43.03h108.07V151.1H31.74z" style="fill:#f2851c" transform="rotate(-30 85.772 97.063)"/><path d="M32.18 43.79h108.07v108.07H32.18z" style="fill:#f2861c" transform="rotate(-30 86.21 97.82)"/><path d="M32.61 44.54h108.07v108.07H32.61z" style="fill:#f2871d" transform="rotate(-30 86.646 98.577)"/><path d="M33.05 45.29h108.07v108.07H33.05z" style="fill:#f3881d" transform="rotate(-30 87.084 99.334)"/><path d="M33.48 46.04h108.07v108.07H33.48z" style="fill:#f3891d" transform="rotate(-30 87.52 100.091)"/><path d="M33.92 46.8h108.07v108.07H33.92z" style="fill:#f38a1d" transform="rotate(-30 87.963 100.83)"/><path d="M34.35 47.55h108.07v108.07H34.35z" style="fill:#f48b1d" transform="rotate(-30 88.381 101.582)"/><path d="M34.79 48.3h108.07v108.07H34.79z" style="fill:#f48c1d" transform="matrix(.87 -.5 .5 .87 -39.27 58.12)"/><path d="M35.22 49.06h108.07v108.07H35.22z" style="fill:#f48d1d" transform="matrix(.87 -.5 .5 .87 -39.59 58.44)"/><path d="M35.66 49.81h108.07v108.07H35.66z" style="fill:#f48e1e" transform="matrix(.87 -.5 .5 .87 -39.91 58.76)"/><path d="M36.09 50.56h108.07v108.07H36.09z" style="fill:#f58f1e" transform="rotate(-30 90.13 104.61)"/><path d="M36.52 51.32h108.07v108.07H36.52z" style="fill:#f5901e" transform="rotate(-30 90.572 105.349)"/><path d="M36.96 52.07h108.07v108.07H36.96z" style="fill:#f5911e" transform="rotate(-30 90.99 106.1)"/><path d="M37.39 52.82h108.07v108.07H37.39z" style="fill:#f5921e" transform="matrix(.87 -.5 .5 .87 -41.18 60.03)"/><path d="M37.83 53.58H145.9v108.07H37.83z" style="fill:#f6931e" transform="matrix(.87 -.5 .5 .87 -41.5 60.35)"/><path d="M38.26 54.33h108.07V162.4H38.26z" style="fill:#f6941e" transform="rotate(-30 92.302 108.372)"/><path d="M38.7 55.08h108.07v108.07H38.7z" style="fill:#f6951e" transform="rotate(-30 92.739 109.13)"/><path d="M39.13 55.84H147.2v108.07H39.13z" style="fill:#f6961f" transform="rotate(-30 93.181 109.868)"/><path d="M39.57 56.59h108.07v108.07H39.57z" style="fill:#f7971f" transform="rotate(-30 93.6 110.62)"/><path d="M40 57.34h108.07v108.07H40z" style="fill:#f7981f" transform="rotate(-30 94.037 111.377)"/><path d="M40.44 58.1h108.07v108.07H40.44z" style="fill:#f7991f" transform="rotate(-30 94.474 112.134)"/><path d="M40.87 58.85h108.07v108.07H40.87z" style="fill:#f79a1f" transform="matrix(.87 -.5 .5 .87 -43.73 62.58)"/><path d="M41.31 59.6h108.07v108.07H41.31z" style="fill:#f89b1f" transform="rotate(-30 95.348 113.648)"/><path d="M41.74 60.36h108.07v108.07H41.74z" style="fill:#f89c1f" transform="rotate(-30 95.79 114.387)"/><path d="M42.18 61.11h108.07v108.07H42.18z" style="fill:#f89d20" transform="matrix(.87 -.5 .5 .87 -44.68 63.53)"/><path d="M42.61 61.86h108.07v108.07H42.61z" style="fill:#f89e20" transform="rotate(-30 96.646 115.896)"/><path d="M43.05 62.62h108.07v108.07H43.05z" style="fill:#f99f20" transform="rotate(-30 97.083 116.653)"/><path d="M43.48 63.37h108.07v108.07H43.48z" style="fill:#f9a020" transform="rotate(-30 97.52 117.41)"/></g></g></g></svg>
\ No newline at end of file
diff --git a/packages/js/onboarding/src/images/cards/eftpos.js b/packages/js/onboarding/src/images/cards/eftpos.js
deleted file mode 100644
index 863389480cd..00000000000
--- a/packages/js/onboarding/src/images/cards/eftpos.js
+++ /dev/null
@@ -1,41 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement } from '@wordpress/element';
-
-export default () => (
- <svg
- xmlns="http://www.w3.org/2000/svg"
- width="33"
- height="11"
- fill="none"
- viewBox="-2 0 37 11"
- style={ { background: 'rgba(31, 0, 56, 1)' } }
- >
- <path
- fill="url(#paint0_linear_10177_17781)"
- d="M6.104 1.758c-1.518.693-2.545 2.021-2.545 3.545 0 1.923 1.772 3.483 3.957 3.483 1.003 0 1.708-.232 2.533-.728.088-.053.186-.092.25-.01.038.047.023.104-.006.156-.9 1.653-2.733 2.801-4.79 2.801a5.503 5.503 0 0 1-3.444-9.794c.943-.757 3.306-.862 4.045.547"
- ></path>
- <path
- fill="#E50056"
- d="M10.23 3.889c0 1.828-1.746 3.31-3.9 3.31-.313 0-1.161-.043-1.769-.326-.172-.08-.155-.182-.036-.23.276-.115 2.44-.53 2.44-2.754S4.669.039 2.059 1.211A5.48 5.48 0 0 1 5.503.001c2.555 0 4.726 1.74 4.726 3.888"
- ></path>
- <path
- fill="#fff"
- d="M14.147 4.017c-1.186 0-1.82.713-1.82 1.636v.027c0 .928.503 1.537 1.767 1.537.913 0 1.527-.294 1.789-.986h-.881c-.132.225-.378.351-.85.351-.645 0-.966-.236-1.05-.666h2.823v-.32c0-.913-.614-1.58-1.779-1.58m-1.034 1.3c.104-.425.45-.671 1.049-.671.582 0 .881.215.96.671zM19.487 3.293h-.682c0 .136-.005.356-.032.498-.047.252-.11.305-.335.326-.142.01-.3.01-.451.01h-.535v-.126c0-.456.089-.54.488-.54h.264v-.65h-.354c-.87 0-1.17.293-1.17 1.159v.158h-.708v.68h.708v2.32h.766l.005-2.32h1.27v.945c0 1.023.273 1.375 1.274 1.375h.572v-.72h-.362c-.619 0-.718-.089-.718-.786v-.813h1.08v-.682h-1.08zM22.965 4.027c-.587 0-1.038.242-1.27.656l-.066-.556h-.689v4.066h.792V6.65c.215.357.61.556 1.212.556.85 0 1.553-.514 1.553-1.548v-.026c0-1.044-.587-1.605-1.532-1.605m.709 1.626c0 .572-.3.887-.981.887-.645 0-.976-.32-.976-.892v-.02c0-.594.373-.945.986-.945.646 0 .97.325.97.95zM26.612 4.017c-1.076 0-1.805.603-1.805 1.61v.032c0 .98.54 1.558 1.789 1.558 1.212 0 1.826-.603 1.826-1.558v-.032c0-1.018-.714-1.61-1.81-1.61m.986 1.636c0 .572-.299.887-.986.887-.661 0-.981-.31-.981-.887v-.026c0-.62.356-.945.991-.945.65 0 .976.336.976.945zM30.51 5.291c-.782-.052-.997-.104-.997-.325 0-.183.152-.34.713-.34.493 0 .798.115.866.414h.86c-.163-.677-.697-1.023-1.715-1.023s-1.511.43-1.511 1.012c0 .625.524.824 1.458.877.777.042 1.018.089 1.018.314 0 .22-.189.357-.755.357-.583 0-.845-.126-.929-.446h-.913c.131.724.698 1.086 1.81 1.086 1.054 0 1.584-.43 1.584-1.028 0-.646-.45-.835-1.49-.898M32.339 4.676a.35.35 0 0 1-.237-.082q-.094-.082-.094-.24V4.34a.4.4 0 0 1 .043-.174.3.3 0 0 1 .117-.115.34.34 0 0 1 .167-.04q.047 0 .089.01a.303.303 0 0 1 .198.142q.045.072.045.176v.017a.4.4 0 0 1-.011.096.3.3 0 0 1-.034.078.3.3 0 0 1-.117.11.4.4 0 0 1-.166.037m0-.055a.27.27 0 0 0 .192-.07q.075-.068.075-.2v-.01a.27.27 0 0 0-.076-.203.27.27 0 0 0-.194-.072.26.26 0 0 0-.192.075.27.27 0 0 0-.076.202v.008q0 .13.076.2t.195.07m.004-.239h-.071v.127h-.059v-.34h.136q.072 0 .101.027t.03.073a.1.1 0 0 1-.017.057.1.1 0 0 1-.051.03q.032.007.046.027a.1.1 0 0 1 .014.058v.05q0 .006.002.01l.004.007h-.06l-.003-.006-.001-.011v-.05q0-.033-.012-.046t-.06-.013m0-.05q.044.002.063-.015.017-.015.018-.047 0-.026-.02-.039a.1.1 0 0 0-.058-.013h-.074v.114z"
- ></path>
- <defs>
- <linearGradient
- id="paint0_linear_10177_17781"
- x1="5.209"
- x2="3.103"
- y1="7.316"
- y2="-3.516"
- gradientUnits="userSpaceOnUse"
- >
- <stop offset="0.141" stopColor="#E50056"></stop>
- <stop offset="0.75" stopColor="#1F0038"></stop>
- </linearGradient>
- </defs>
- </svg>
-);
diff --git a/packages/js/onboarding/src/images/cards/eftpos.svg b/packages/js/onboarding/src/images/cards/eftpos.svg
new file mode 100644
index 00000000000..8c425e7e2fb
--- /dev/null
+++ b/packages/js/onboarding/src/images/cards/eftpos.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="33" height="11" fill="none" viewBox="-2 0 37 11"><path fill="url(#a)" d="M6.104 1.758c-1.518.693-2.545 2.021-2.545 3.545 0 1.923 1.772 3.483 3.957 3.483 1.003 0 1.708-.232 2.533-.728.088-.053.186-.092.25-.01.038.047.023.104-.006.156-.9 1.653-2.733 2.801-4.79 2.801a5.503 5.503 0 0 1-3.444-9.794c.943-.757 3.306-.862 4.045.547"/><path fill="#E50056" d="M10.23 3.889c0 1.828-1.746 3.31-3.9 3.31-.313 0-1.161-.043-1.769-.326-.172-.08-.155-.182-.036-.23.276-.115 2.44-.53 2.44-2.754S4.669.039 2.059 1.211A5.48 5.48 0 0 1 5.503.001c2.555 0 4.726 1.74 4.726 3.888"/><path fill="#fff" d="M14.147 4.017c-1.186 0-1.82.713-1.82 1.636v.027c0 .928.503 1.537 1.767 1.537.913 0 1.527-.294 1.789-.986h-.881c-.132.225-.378.351-.85.351-.645 0-.966-.236-1.05-.666h2.823v-.32c0-.913-.614-1.58-1.779-1.58m-1.034 1.3c.104-.425.45-.671 1.049-.671.582 0 .881.215.96.671zm6.375-2.023h-.682c0 .136-.005.356-.032.498-.047.252-.11.305-.335.326-.142.01-.3.01-.451.01h-.535v-.126c0-.456.089-.54.488-.54h.264v-.65h-.354c-.87 0-1.17.293-1.17 1.159v.158h-.708v.68h.708v2.32h.766l.005-2.32h1.27v.945c0 1.023.273 1.375 1.274 1.375h.572v-.72h-.362c-.619 0-.718-.089-.718-.786v-.813h1.08v-.682h-1.08zm3.478.734c-.587 0-1.038.242-1.27.656l-.066-.556h-.689v4.066h.792V6.65c.215.357.61.556 1.212.556.85 0 1.553-.514 1.553-1.548v-.026c0-1.044-.587-1.605-1.532-1.605m.709 1.626c0 .572-.3.887-.981.887-.645 0-.976-.32-.976-.892v-.02c0-.594.373-.945.986-.945.646 0 .97.325.97.95zm2.938-1.636c-1.076 0-1.805.603-1.805 1.61v.032c0 .98.54 1.558 1.789 1.558 1.212 0 1.826-.603 1.826-1.558v-.032c0-1.018-.714-1.61-1.81-1.61m.986 1.636c0 .572-.299.887-.986.887-.661 0-.981-.31-.981-.887v-.026c0-.62.356-.945.991-.945.65 0 .976.336.976.945zm2.912-.362c-.782-.052-.997-.104-.997-.325 0-.183.152-.34.713-.34.493 0 .798.115.866.414h.86c-.163-.677-.697-1.023-1.715-1.023s-1.511.43-1.511 1.012c0 .625.524.824 1.458.877.777.042 1.018.089 1.018.314 0 .22-.189.357-.755.357-.583 0-.845-.126-.929-.446h-.913c.131.724.698 1.086 1.81 1.086 1.054 0 1.584-.43 1.584-1.028 0-.646-.45-.835-1.49-.898m1.83-.615a.35.35 0 0 1-.237-.082q-.094-.082-.094-.24V4.34a.4.4 0 0 1 .043-.174.3.3 0 0 1 .117-.115.34.34 0 0 1 .167-.04q.047 0 .089.01a.3.3 0 0 1 .198.142q.045.072.045.176v.017a.4.4 0 0 1-.011.096.3.3 0 0 1-.034.078.3.3 0 0 1-.117.11.4.4 0 0 1-.166.037m0-.055a.27.27 0 0 0 .192-.07q.075-.068.075-.2v-.01a.27.27 0 0 0-.076-.203.27.27 0 0 0-.194-.072.26.26 0 0 0-.192.075.27.27 0 0 0-.076.202v.008q0 .13.076.2t.195.07m.004-.239h-.071v.127h-.059v-.34h.136q.072 0 .101.027t.03.073a.1.1 0 0 1-.017.057.1.1 0 0 1-.051.03q.032.007.046.027a.1.1 0 0 1 .014.058v.05q0 .006.002.01l.004.007h-.06l-.003-.006-.001-.011v-.05q0-.033-.012-.046t-.06-.013m0-.05q.044.002.063-.015.017-.015.018-.047 0-.026-.02-.039a.1.1 0 0 0-.058-.013h-.074v.114z"/><defs><linearGradient id="a" x1="5.209" x2="3.103" y1="7.316" y2="-3.516" gradientUnits="userSpaceOnUse"><stop offset=".141" stop-color="#E50056"/><stop offset=".75" stop-color="#1F0038"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/packages/js/onboarding/src/images/cards/googlepay.js b/packages/js/onboarding/src/images/cards/googlepay.js
deleted file mode 100644
index 5a5aba8d11d..00000000000
--- a/packages/js/onboarding/src/images/cards/googlepay.js
+++ /dev/null
@@ -1,46 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement } from '@wordpress/element';
-
-export default () => (
- <svg
- width="64"
- height="40"
- viewBox="0 0 64 40"
- fill="none"
- xmlns="http://www.w3.org/2000/svg"
- >
- <rect width="64" height="40" fill="white" />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M30.9 25.07V19.79H33.76C34.8522 19.8223 35.914 19.4277 36.72 18.69C37.118 18.3482 37.4356 17.9226 37.65 17.4438C37.8643 16.9649 37.9702 16.4446 37.96 15.92C37.9659 15.399 37.858 14.883 37.6438 14.408C37.4296 13.933 37.1143 13.5105 36.72 13.17C35.9175 12.4232 34.856 12.0179 33.76 12.04H29.18V25.07H30.9ZM30.9 18.19V13.64H33.8C34.45 13.63 35.07 13.88 35.51 14.34C35.7261 14.5446 35.8981 14.7912 36.0157 15.0646C36.1334 15.3379 36.194 15.6324 36.194 15.93C36.194 16.2276 36.1334 16.5221 36.0157 16.7954C35.8981 17.0688 35.7261 17.3153 35.51 17.52C35.06 17.97 34.44 18.22 33.8 18.19H30.9ZM44.97 16.86C44.23 16.19 43.22 15.86 41.94 15.86C40.3 15.86 39.07 16.45 38.23 17.61L39.75 18.54C40.0021 18.1647 40.3454 17.8595 40.7477 17.6531C41.15 17.4467 41.5981 17.3458 42.05 17.36C42.65 17.35 43.25 17.56 43.71 17.96C44.16 18.33 44.43 18.88 44.42 19.45V19.83C43.6359 19.4379 42.7661 19.2488 41.89 19.28C40.69 19.28 39.73 19.56 39.01 20.1C38.6643 20.3509 38.3851 20.6825 38.1969 21.0659C38.0087 21.4494 37.917 21.873 37.93 22.3C37.91 23.14 38.29 23.95 38.95 24.49C39.63 25.07 40.48 25.36 41.49 25.36C42.69 25.36 43.63 24.86 44.35 23.83H44.42V25.07H46.08V19.57C46.08 18.42 45.71 17.52 44.97 16.86ZM40.28 23.43C40.1036 23.3082 39.9596 23.1454 39.8603 22.9554C39.761 22.7655 39.7094 22.5543 39.71 22.34C39.71 21.86 39.94 21.45 40.41 21.12C40.89 20.79 41.47 20.62 42.17 20.62C43.14 20.62 43.89 20.83 44.43 21.25C44.43 21.95 44.14 22.57 43.57 23.09C43.0458 23.5932 42.3466 23.8729 41.62 23.87C41.14 23.87 40.66 23.72 40.28 23.43ZM55.56 16.16L49.8 29H48.02L50.16 24.5L46.36 16.16H48.24L50.99 22.56H51L53.67 16.16H55.55H55.56Z"
- fill="#5F6368"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M23.92 18.66C23.92 18.15 23.88 17.64 23.79 17.13H16.5V20.02H20.68C20.5904 20.4842 20.4067 20.9251 20.1401 21.3155C19.8735 21.7059 19.5297 22.0376 19.13 22.29V24.16H21.63C22.3839 23.4607 22.9792 22.6079 23.376 21.6592C23.7727 20.7105 23.9616 19.6878 23.93 18.66H23.92Z"
- fill="#4285F4"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M16.5 25.97C18.59 25.97 20.34 25.31 21.62 24.17L19.13 22.29C18.44 22.75 17.55 23.01 16.5 23.01C15.5459 23.0062 14.6166 22.7057 13.8408 22.1503C13.065 21.5949 12.4811 20.812 12.17 19.91H9.60001V21.85C10.2645 23.1012 11.2588 24.1465 12.4751 24.8728C13.6914 25.5991 15.0834 25.9785 16.5 25.97Z"
- fill="#34A853"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M12.17 19.92C11.8453 18.9909 11.8453 17.9791 12.17 17.05V15.12H9.6C9.05843 16.159 8.77563 17.3133 8.77563 18.485C8.77563 19.6567 9.05843 20.811 9.6 21.85L12.17 19.92Z"
- fill="#FBBC04"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M16.5 13.96C17.6 13.95 18.67 14.35 19.47 15.09L21.67 12.95C20.2545 11.6709 18.4077 10.9744 16.5 11C13.58 11 10.91 12.6 9.60001 15.12L12.17 17.05C12.4828 16.1499 13.0674 15.3692 13.8431 14.8156C14.6187 14.2621 15.5471 13.9631 16.5 13.96Z"
- fill="#EA4335"
- />
- </svg>
-);
diff --git a/packages/js/onboarding/src/images/cards/googlepay.svg b/packages/js/onboarding/src/images/cards/googlepay.svg
new file mode 100644
index 00000000000..62368e8c4ef
--- /dev/null
+++ b/packages/js/onboarding/src/images/cards/googlepay.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="40" fill="none" viewBox="0 0 64 40"><path fill="#fff" d="M0 0h64v40H0z"/><path fill="#5F6368" fill-rule="evenodd" d="M30.9 25.07v-5.28h2.86a4.2 4.2 0 0 0 2.96-1.1 3.56 3.56 0 0 0 1.24-2.77 3.58 3.58 0 0 0-1.24-2.75 4.22 4.22 0 0 0-2.96-1.13h-4.58v13.03zm0-6.88v-4.55h2.9c.65-.01 1.27.24 1.71.7a2.19 2.19 0 0 1 0 3.18c-.45.45-1.07.7-1.71.67zm14.07-1.33c-.74-.67-1.75-1-3.03-1-1.64 0-2.87.59-3.71 1.75l1.52.93a2.67 2.67 0 0 1 2.3-1.18c.6-.01 1.2.2 1.66.6.45.37.72.92.71 1.49v.38a5.24 5.24 0 0 0-2.53-.55c-1.2 0-2.16.28-2.88.82a2.62 2.62 0 0 0-1.08 2.2c-.02.84.36 1.65 1.02 2.19.68.58 1.53.87 2.54.87 1.2 0 2.14-.5 2.86-1.53h.07v1.24h1.66v-5.5c0-1.15-.37-2.05-1.11-2.71m-4.69 6.57a1.32 1.32 0 0 1-.57-1.09c0-.48.23-.89.7-1.22.48-.33 1.06-.5 1.76-.5.97 0 1.72.21 2.26.63 0 .7-.29 1.32-.86 1.84a2.8 2.8 0 0 1-1.95.78c-.48 0-.96-.15-1.34-.44m15.28-7.27L49.8 29h-1.78l2.14-4.5-3.8-8.34h1.88l2.75 6.4H51l2.67-6.4z" clip-rule="evenodd"/><path fill="#4285F4" fill-rule="evenodd" d="M23.92 18.66c0-.51-.04-1.02-.13-1.53H16.5v2.89h4.18a3.46 3.46 0 0 1-1.55 2.27v1.87h2.5a7.2 7.2 0 0 0 2.3-5.5z" clip-rule="evenodd"/><path fill="#34A853" fill-rule="evenodd" d="M16.5 25.97c2.09 0 3.84-.66 5.12-1.8l-2.49-1.88c-.69.46-1.58.72-2.63.72a4.6 4.6 0 0 1-4.33-3.1H9.6v1.94a7.76 7.76 0 0 0 6.9 4.12" clip-rule="evenodd"/><path fill="#FBBC04" fill-rule="evenodd" d="M12.17 19.92a4.35 4.35 0 0 1 0-2.87v-1.93H9.6a7.28 7.28 0 0 0 0 6.73z" clip-rule="evenodd"/><path fill="#EA4335" fill-rule="evenodd" d="M16.5 13.96c1.1-.01 2.17.39 2.97 1.13l2.2-2.14A7.56 7.56 0 0 0 16.5 11c-2.92 0-5.59 1.6-6.9 4.12l2.57 1.93a4.6 4.6 0 0 1 4.33-3.09" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/js/onboarding/src/images/cards/jcb.js b/packages/js/onboarding/src/images/cards/jcb.js
deleted file mode 100644
index 8536b0c4055..00000000000
--- a/packages/js/onboarding/src/images/cards/jcb.js
+++ /dev/null
@@ -1,75 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement } from '@wordpress/element';
-
-export default () => (
- <svg
- xmlns="http://www.w3.org/2000/svg"
- width="22"
- height="18"
- fill="none"
- viewBox="-6 -2 34 22"
- style={ { background: 'rgba(14, 76, 150, 1)' } }
- >
- <path
- fill="#fff"
- fillRule="evenodd"
- d="M21.66 13.865a3.39 3.39 0 0 1-.973 2.372 3.291 3.291 0 0 1-2.348.983H.314V3.956a3.39 3.39 0 0 1 .972-2.373A3.32 3.32 0 0 1 3.633.6H21.66z"
- clipRule="evenodd"
- ></path>
- <path
- fill="url(#paint0_linear_10440_1167)"
- fillRule="evenodd"
- d="M15.782 9.2c.515.012 1.033-.022 1.546.019.52.098.644.893.183 1.153-.315.17-.689.063-1.03.094h-.699zm1.843-1.43c.115.408-.274.775-.663.718h-1.18c.008-.385-.016-.802.012-1.167.473.014.95-.027 1.42.021a.56.56 0 0 1 .412.428m2.84-6.051c.021.779.003 1.6.009 2.394-.002 3.233.003 6.466-.003 9.698-.02 1.21-1.082 2.264-2.273 2.288-1.192.004-2.384 0-3.575.002v-4.887c1.298-.007 2.598.014 3.895-.01.603-.039 1.262-.44 1.29-1.11.07-.672-.557-1.137-1.152-1.21-.23-.007-.222-.068 0-.095.568-.124 1.014-.718.847-1.313-.143-.627-.828-.869-1.397-.867-1.16-.008-2.322-.002-3.483-.004.007-.912-.016-1.826.012-2.737.092-1.19 1.18-2.17 2.355-2.15z"
- clipRule="evenodd"
- ></path>
- <path
- fill="url(#paint1_linear_10440_1167)"
- fillRule="evenodd"
- d="M1.501 3.992c.03-1.21 1.097-2.254 2.286-2.271 1.187-.004 2.375-.001 3.562-.002-.003 4.047.006 8.094-.005 12.14-.046 1.195-1.101 2.22-2.277 2.24-1.19.005-2.38.001-3.57.002V11.05c1.156.275 2.368.393 3.547.21.705-.115 1.475-.464 1.714-1.203.176-.632.077-1.297.103-1.946V6.605H4.82c-.009.996.019 1.994-.015 2.99-.055.61-.654 1-1.225.979-.708.007-2.11-.519-2.11-.519-.004-1.866.02-4.203.03-6.063"
- clipRule="evenodd"
- ></path>
- <path
- fill="url(#paint2_linear_10440_1167)"
- fillRule="evenodd"
- d="M8.11 7.213c-.107.023-.022-.37-.049-.519.007-.942-.015-1.884.012-2.825.092-1.195 1.19-2.178 2.368-2.15h3.47c-.002 4.047.007 8.093-.004 12.14-.046 1.195-1.101 2.22-2.277 2.24-1.19.005-2.38.001-3.57.002v-5.535c.814.674 1.917.78 2.93.78.763 0 1.521-.118 2.262-.296v-1.014c-.835.421-1.817.688-2.742.447-.646-.163-1.115-.794-1.104-1.467-.075-.7.331-1.44 1.012-1.648.846-.268 1.767-.063 2.56.285.17.09.342.201.274-.086V6.77c-1.325-.319-2.736-.436-4.068-.089-.385.11-.76.276-1.074.532"
- clipRule="evenodd"
- ></path>
- <defs>
- <linearGradient
- id="paint0_linear_10440_1167"
- x1="14.622"
- x2="20.474"
- y1="8.91"
- y2="8.91"
- gradientUnits="userSpaceOnUse"
- >
- <stop stopColor="#007B40"></stop>
- <stop offset="1" stopColor="#55B330"></stop>
- </linearGradient>
- <linearGradient
- id="paint1_linear_10440_1167"
- x1="1.498"
- x2="7.349"
- y1="8.91"
- y2="8.91"
- gradientUnits="userSpaceOnUse"
- >
- <stop stopColor="#1D2970"></stop>
- <stop offset="1" stopColor="#006DBA"></stop>
- </linearGradient>
- <linearGradient
- id="paint2_linear_10440_1167"
- x1="8.061"
- x2="13.912"
- y1="8.91"
- y2="8.91"
- gradientUnits="userSpaceOnUse"
- >
- <stop stopColor="#6E2B2F"></stop>
- <stop offset="1" stopColor="#E30138"></stop>
- </linearGradient>
- </defs>
- </svg>
-);
diff --git a/packages/js/onboarding/src/images/cards/jcb.svg b/packages/js/onboarding/src/images/cards/jcb.svg
new file mode 100644
index 00000000000..f5a833f3381
--- /dev/null
+++ b/packages/js/onboarding/src/images/cards/jcb.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="22" height="18" fill="none" viewBox="-6 -2 34 22"><path fill="#fff" fill-rule="evenodd" d="M21.66 13.865a3.4 3.4 0 0 1-.973 2.372 3.3 3.3 0 0 1-2.348.983H.314V3.956a3.4 3.4 0 0 1 .972-2.373A3.32 3.32 0 0 1 3.633.6H21.66z" clip-rule="evenodd"/><path fill="url(#a)" fill-rule="evenodd" d="M15.782 9.2c.515.012 1.033-.022 1.546.019.52.098.644.893.183 1.153-.315.17-.689.063-1.03.094h-.699zm1.843-1.43c.115.408-.274.775-.663.718h-1.18c.008-.385-.016-.802.012-1.167.473.014.95-.027 1.42.021a.56.56 0 0 1 .412.428m2.84-6.051c.021.779.003 1.6.009 2.394-.002 3.233.003 6.466-.003 9.698-.02 1.21-1.082 2.264-2.273 2.288-1.192.004-2.384 0-3.575.002v-4.887c1.298-.007 2.598.014 3.895-.01.603-.039 1.262-.44 1.29-1.11.07-.672-.557-1.137-1.152-1.21-.23-.007-.222-.068 0-.095.568-.124 1.014-.718.847-1.313-.143-.627-.828-.869-1.397-.867-1.16-.008-2.322-.002-3.483-.004.007-.912-.016-1.826.012-2.737.092-1.19 1.18-2.17 2.355-2.15z" clip-rule="evenodd"/><path fill="url(#b)" fill-rule="evenodd" d="M1.501 3.992c.03-1.21 1.097-2.254 2.286-2.271 1.187-.004 2.375-.001 3.562-.002-.003 4.047.006 8.094-.005 12.14-.046 1.195-1.101 2.22-2.277 2.24-1.19.005-2.38.001-3.57.002V11.05c1.156.275 2.368.393 3.547.21.705-.115 1.475-.464 1.714-1.203.176-.632.077-1.297.103-1.946V6.605H4.82c-.009.996.019 1.994-.015 2.99-.055.61-.654 1-1.225.979-.708.007-2.11-.519-2.11-.519-.004-1.866.02-4.203.03-6.063" clip-rule="evenodd"/><path fill="url(#c)" fill-rule="evenodd" d="M8.11 7.213c-.107.023-.022-.37-.049-.519.007-.942-.015-1.884.012-2.825.092-1.195 1.19-2.178 2.368-2.15h3.47c-.002 4.047.007 8.093-.004 12.14-.046 1.195-1.101 2.22-2.277 2.24-1.19.005-2.38.001-3.57.002v-5.535c.814.674 1.917.78 2.93.78.763 0 1.521-.118 2.262-.296v-1.014c-.835.421-1.817.688-2.742.447-.646-.163-1.115-.794-1.104-1.467-.075-.7.331-1.44 1.012-1.648.846-.268 1.767-.063 2.56.285.17.09.342.201.274-.086V6.77c-1.325-.319-2.736-.436-4.068-.089a3 3 0 0 0-1.074.532" clip-rule="evenodd"/><defs><linearGradient id="a" x1="14.622" x2="20.474" y1="8.91" y2="8.91" gradientUnits="userSpaceOnUse"><stop stop-color="#007B40"/><stop offset="1" stop-color="#55B330"/></linearGradient><linearGradient id="b" x1="1.498" x2="7.349" y1="8.91" y2="8.91" gradientUnits="userSpaceOnUse"><stop stop-color="#1D2970"/><stop offset="1" stop-color="#006DBA"/></linearGradient><linearGradient id="c" x1="8.061" x2="13.912" y1="8.91" y2="8.91" gradientUnits="userSpaceOnUse"><stop stop-color="#6E2B2F"/><stop offset="1" stop-color="#E30138"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/packages/js/onboarding/src/images/cards/maestro.js b/packages/js/onboarding/src/images/cards/maestro.js
deleted file mode 100644
index 410b1f065da..00000000000
--- a/packages/js/onboarding/src/images/cards/maestro.js
+++ /dev/null
@@ -1,70 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement } from '@wordpress/element';
-
-export default () => (
- <svg
- width="51"
- height="35"
- viewBox="0 0 51 35"
- fill="none"
- xmlns="http://www.w3.org/2000/svg"
- >
- <rect
- x="0.5"
- y="0.5"
- width="49.6897"
- height="34"
- rx="3.5"
- fill="white"
- stroke="#F3F3F3"
- />
- <path
- d="M29.9708 22.8244H21.3047V7.35352H29.9708V22.8244Z"
- fill="#6C6BBD"
- />
- <path
- d="M21.8549 15.0891C21.8549 11.9507 23.3341 9.15521 25.6375 7.35365C23.9531 6.03626 21.8272 5.24995 19.5168 5.24995C14.0471 5.24995 9.61328 9.65501 9.61328 15.0891C9.61328 20.5232 14.0471 24.9282 19.5168 24.9282C21.8272 24.9282 23.9531 24.1419 25.6375 22.8245C23.3341 21.023 21.8549 18.2274 21.8549 15.0891Z"
- fill="#EB001B"
- />
- <path
- d="M41.6626 15.0891C41.6626 20.5232 37.2288 24.9282 31.7591 24.9282C29.4487 24.9282 27.3228 24.1419 25.6377 22.8245C27.9418 21.023 29.421 18.2274 29.421 15.0891C29.421 11.9507 27.9418 9.15521 25.6377 7.35365C27.3228 6.03626 29.4487 5.24995 31.7591 5.24995C37.2288 5.24995 41.6626 9.65501 41.6626 15.0891Z"
- fill="#0099DF"
- />
- <path
- d="M32.9036 27.1956C33.0188 27.1956 33.1845 27.2175 33.311 27.2669L33.1347 27.8024C33.0138 27.753 32.8929 27.7367 32.777 27.7367C32.403 27.7367 32.216 27.9769 32.216 28.4085V29.8735H31.6436V27.2613H32.2103V27.5784C32.3589 27.3489 32.5736 27.1956 32.9036 27.1956Z"
- fill="#231F20"
- />
- <path
- d="M30.7887 27.7807H29.8536V28.9611C29.8536 29.2232 29.9468 29.3984 30.2333 29.3984C30.382 29.3984 30.569 29.3489 30.739 29.2507L30.904 29.7368C30.7226 29.8625 30.4367 29.9395 30.1893 29.9395C29.5123 29.9395 29.2762 29.5785 29.2762 28.9717V27.7807H28.7422V27.2615H29.2762V26.469H29.8536V27.2615H30.7887V27.7807Z"
- fill="#231F20"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M24.1754 27.1958C24.9128 27.1958 25.4191 27.7532 25.4247 28.5676C25.4247 28.6433 25.4192 28.7135 25.4135 28.7842L25.4134 28.7859H23.4607C23.5432 29.2557 23.8788 29.4252 24.2472 29.4252C24.511 29.4252 24.7919 29.327 25.0116 29.1519L25.2925 29.5729C24.9732 29.8406 24.6105 29.9388 24.2144 29.9388C23.4273 29.9388 22.8662 29.3977 22.8662 28.5676C22.8662 27.7532 23.4052 27.1958 24.1754 27.1958ZM24.1648 27.7036C23.7574 27.7036 23.5269 27.9607 23.4658 28.3379H24.8304C24.77 27.9332 24.5332 27.7036 24.1648 27.7036Z"
- fill="#231F20"
- />
- <path
- d="M27.9386 27.9283C27.7793 27.8295 27.455 27.7038 27.1193 27.7038C26.8057 27.7038 26.6187 27.8189 26.6187 28.0103C26.6187 28.1848 26.8164 28.2342 27.0639 28.2668L27.3334 28.3049C27.9058 28.3875 28.2522 28.6277 28.2522 29.0868C28.2522 29.5841 27.812 29.9395 27.0532 29.9395C26.6237 29.9395 26.2277 29.83 25.9141 29.6004L26.1836 29.1575C26.3763 29.3052 26.6628 29.4309 27.0589 29.4309C27.4493 29.4309 27.6584 29.3164 27.6584 29.1137C27.6584 28.9667 27.5098 28.8842 27.1962 28.841L26.9266 28.8028C26.3379 28.7203 26.0186 28.4582 26.0186 28.0322C26.0186 27.513 26.4481 27.1958 27.1137 27.1958C27.5318 27.1958 27.9115 27.289 28.1861 27.4692L27.9386 27.9283Z"
- fill="#231F20"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M35.561 27.3015C35.3872 27.2308 35.1982 27.1958 34.9942 27.1958C34.7902 27.1958 34.6013 27.2308 34.4275 27.3015C34.2537 27.3716 34.1044 27.4685 33.9785 27.5918C33.8526 27.715 33.7537 27.8608 33.6819 28.0284C33.6101 28.1967 33.5742 28.3793 33.5742 28.5764C33.5742 28.7734 33.6101 28.9561 33.6819 29.1243C33.7537 29.292 33.8526 29.4384 33.9785 29.5616C34.1044 29.6848 34.2537 29.7812 34.4275 29.8519C34.6013 29.9219 34.7902 29.9569 34.9942 29.9569C35.1982 29.9569 35.3872 29.9219 35.561 29.8519C35.7348 29.7812 35.8853 29.6848 36.0118 29.5616C36.139 29.4384 36.2379 29.292 36.3097 29.1243C36.3815 28.9561 36.4174 28.7734 36.4174 28.5764C36.4174 28.3793 36.3815 28.1967 36.3097 28.0284C36.2379 27.8608 36.139 27.715 36.0118 27.5918C35.8853 27.4685 35.7348 27.3716 35.561 27.3015ZM34.666 27.7969C34.7674 27.7563 34.8763 27.7356 34.9941 27.7356C35.1118 27.7356 35.2214 27.7563 35.3221 27.7969C35.4235 27.8382 35.5117 27.8958 35.5854 27.9696C35.6603 28.0434 35.7182 28.1322 35.761 28.2354C35.8032 28.3386 35.824 28.4525 35.824 28.5763C35.824 28.7008 35.8032 28.8141 35.761 28.9173C35.7182 29.0205 35.6603 29.1093 35.5854 29.1831C35.5117 29.2569 35.4235 29.3145 35.3221 29.3558C35.2214 29.3971 35.1118 29.4171 34.9941 29.4171C34.8763 29.4171 34.7674 29.3971 34.666 29.3558C34.5652 29.3145 34.4777 29.2569 34.404 29.1831C34.3303 29.1093 34.2724 29.0205 34.2302 28.9173C34.188 28.8141 34.1672 28.7008 34.1672 28.5763C34.1672 28.4525 34.188 28.3386 34.2302 28.2354C34.2724 28.1322 34.3303 28.0434 34.404 27.9696C34.4777 27.8958 34.5652 27.8382 34.666 27.7969Z"
- fill="#231F20"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M22.2524 27.2615V28.5676V29.8737H21.6806V29.5566C21.4986 29.7918 21.224 29.9394 20.85 29.9394C20.1126 29.9394 19.5352 29.3652 19.5352 28.5676C19.5352 27.7694 20.1126 27.1958 20.85 27.1958C21.224 27.1958 21.4986 27.3434 21.6806 27.5786V27.2615H22.2524ZM20.9211 27.7312C20.4262 27.7312 20.1233 28.1084 20.1233 28.5675C20.1233 29.0267 20.4262 29.4033 20.9211 29.4033C21.394 29.4033 21.7133 29.0429 21.7133 28.5675C21.7133 28.0921 21.394 27.7312 20.9211 27.7312Z"
- fill="#231F20"
- />
- <path
- d="M19.0293 29.8735V28.234C19.0293 27.6166 18.6332 27.2012 17.9953 27.1956C17.6597 27.19 17.3127 27.2938 17.0709 27.6604C16.8896 27.3707 16.603 27.1956 16.2013 27.1956C15.9211 27.1956 15.6459 27.2775 15.4312 27.5834V27.2613H14.8594V29.8735H15.4368V28.4254C15.4368 27.9719 15.69 27.7311 16.0804 27.7311C16.4601 27.7311 16.6528 27.9769 16.6528 28.4198V29.8735H17.2302V28.4254C17.2302 27.9719 17.4947 27.7311 17.8738 27.7311C18.2649 27.7311 18.4519 27.9769 18.4519 28.4198V29.8735H19.0293V29.8735Z"
- fill="#231F20"
- />
- </svg>
-);
diff --git a/packages/js/onboarding/src/images/cards/mastercard.js b/packages/js/onboarding/src/images/cards/mastercard.js
deleted file mode 100644
index ab96b66399e..00000000000
--- a/packages/js/onboarding/src/images/cards/mastercard.js
+++ /dev/null
@@ -1,40 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement } from '@wordpress/element';
-
-export default () => (
- <svg
- width="64"
- height="40"
- viewBox="0 0 64 40"
- fill="none"
- xmlns="http://www.w3.org/2000/svg"
- >
- <rect width="64" height="40" fill="white" />
- <g clipPath="url(#clip0_1_132)">
- <path
- d="M37.376 10.284H26.56V29.716H37.376V10.284Z"
- fill="#FF5A00"
- />
- <path
- d="M27.28 20C27.28 16.052 29.136 12.548 31.984 10.284C29.888 8.636 27.244 7.64 24.36 7.64C17.528 7.64 12 13.168 12 20C12 26.832 17.528 32.36 24.36 32.36C27.244 32.36 29.888 31.364 31.984 29.716C29.132 27.484 27.28 23.948 27.28 20Z"
- fill="#EB001B"
- />
- <path
- d="M51.968 20C51.968 26.832 46.44 32.36 39.608 32.36C36.724 32.36 34.08 31.364 31.984 29.716C34.868 27.448 36.688 23.948 36.688 20C36.688 16.052 34.832 12.548 31.984 10.284C34.076 8.636 36.72 7.64 39.604 7.64C46.44 7.64 51.968 13.204 51.968 20Z"
- fill="#F79E1B"
- />
- </g>
- <defs>
- <clipPath id="clip0_1_132">
- <rect
- width="40"
- height="24.72"
- fill="white"
- transform="translate(12 7.64)"
- />
- </clipPath>
- </defs>
- </svg>
-);
diff --git a/packages/js/onboarding/src/images/cards/mastercard.svg b/packages/js/onboarding/src/images/cards/mastercard.svg
new file mode 100644
index 00000000000..6ea96b46937
--- /dev/null
+++ b/packages/js/onboarding/src/images/cards/mastercard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="40" fill="none" viewBox="0 0 64 40"><path fill="#fff" d="M0 0h64v40H0z"/><g clip-path="url(#a)"><path fill="#FF5A00" d="M37.376 10.284H26.56v19.432h10.816z"/><path fill="#EB001B" d="M27.28 20c0-3.948 1.856-7.452 4.704-9.716A12.3 12.3 0 0 0 24.36 7.64C17.528 7.64 12 13.168 12 20s5.528 12.36 12.36 12.36c2.884 0 5.528-.996 7.624-2.644A12.34 12.34 0 0 1 27.28 20"/><path fill="#F79E1B" d="M51.968 20c0 6.832-5.528 12.36-12.36 12.36-2.884 0-5.528-.996-7.624-2.644A12.3 12.3 0 0 0 36.688 20c0-3.948-1.856-7.452-4.704-9.716a12.27 12.27 0 0 1 7.62-2.644c6.836 0 12.364 5.564 12.364 12.36"/></g><defs><clipPath id="a"><path fill="#fff" d="M12 7.64h40v24.72H12z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/packages/js/onboarding/src/images/cards/unionpay.js b/packages/js/onboarding/src/images/cards/unionpay.js
deleted file mode 100644
index 75d6100d83e..00000000000
--- a/packages/js/onboarding/src/images/cards/unionpay.js
+++ /dev/null
@@ -1,105 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement } from '@wordpress/element';
-
-export default () => (
- <svg
- width="52"
- height="35"
- viewBox="0 0 52 35"
- fill="none"
- xmlns="http://www.w3.org/2000/svg"
- >
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M44.0545 5.25735L34.3353 5.25488C34.3341 5.25488 34.3328 5.25488 34.3328 5.25488C34.3253 5.25488 34.3179 5.2562 34.3106 5.2562C32.9754 5.29641 31.3124 6.34915 31.0096 7.64726L26.4132 27.6401C26.1104 28.9503 26.9343 30.0165 28.2599 30.0361H38.4703C39.7756 29.9726 41.044 28.932 41.3417 27.6486L45.9382 7.65564C46.2459 6.33208 45.402 5.25735 44.0545 5.25735Z"
- fill="#01798A"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M26.4134 27.6401L31.0097 7.64729C31.3126 6.34917 32.9755 5.29643 34.3107 5.25622L30.4464 5.25376L23.484 5.25244C22.1451 5.27936 20.4605 6.33949 20.1577 7.64729L15.5601 27.6401C15.2561 28.9503 16.0813 30.0165 17.4059 30.0361H28.26C26.9345 30.0165 26.1105 28.9503 26.4134 27.6401"
- fill="#024381"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M15.5602 27.64L20.1578 7.64714C20.4606 6.33934 22.1452 5.27922 23.4841 5.2523L14.5649 5.25C13.2185 5.25 11.4923 6.32227 11.1846 7.64714L6.58694 27.64C6.55896 27.762 6.54344 27.8815 6.53418 27.9986V28.3695C6.62418 29.3246 7.36619 30.0201 8.43278 30.036H17.406C16.0814 30.0163 15.2562 28.9502 15.5602 27.64Z"
- fill="#DD0228"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M23.6716 19.8205H23.8404C23.9955 19.8205 24.0999 19.7693 24.1488 19.668L24.5874 19.0227H25.762L25.5171 19.4472H26.9254L26.7467 20.0975H25.0709C24.8779 20.3829 24.6403 20.5171 24.3547 20.5012H23.4818L23.6716 19.8205H23.6716ZM23.4788 20.7527H26.5643L26.3676 21.4591H25.1268L24.9374 22.1409H26.1449L25.9482 22.8473H24.7407L24.4602 23.8548C24.3908 24.0232 24.4821 24.099 24.7327 24.0818H25.7168L25.5345 24.7382H23.6451C23.287 24.7382 23.1641 24.5368 23.2765 24.1331L23.6351 22.8473H22.8633L23.0593 22.1409H23.8313L24.0205 21.4591H23.2827L23.4788 20.7527H23.4788ZM28.4035 19.018L28.355 19.4315C28.355 19.4315 28.937 19.002 29.4656 19.002H31.4189L30.6719 21.6601C30.61 21.964 30.3443 22.1151 29.8752 22.1151H27.6612L27.1426 23.9817C27.1128 24.0817 27.155 24.133 27.2667 24.133H27.7023L27.5422 24.7124H26.4347C26.0096 24.7124 25.8328 24.5867 25.903 24.3343L27.3684 19.018H28.4035H28.4035ZM30.0576 19.7693H28.3141L28.1056 20.4866C28.1056 20.4866 28.3959 20.2805 28.8811 20.2731C29.365 20.2657 29.9173 20.2731 29.9173 20.2731L30.0576 19.7693ZM29.4261 21.4333C29.555 21.4504 29.6271 21.4003 29.6358 21.282L29.7425 20.9039H27.9964L27.85 21.4333H29.4261ZM28.2483 22.2921H29.2547L29.236 22.7203H29.504C29.6394 22.7203 29.7065 22.6776 29.7065 22.5935L29.7858 22.3166H30.6223L30.5106 22.7203C30.4161 23.057 30.1656 23.2327 29.7586 23.2499H29.2225L29.22 23.9817C29.2101 24.0989 29.318 24.1587 29.54 24.1587H30.0439L29.8813 24.7381H28.6727C28.3339 24.754 28.1678 24.5953 28.1713 24.2587L28.2483 22.2921V22.2921Z"
- fill="white"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M16.0529 15.4764C15.9164 16.1339 15.6 16.639 15.1091 16.9976C14.6227 17.3502 13.9954 17.527 13.2273 17.527C12.5044 17.527 11.9745 17.3465 11.6364 16.9841C11.4018 16.7267 11.2852 16.3998 11.2852 16.0045C11.2852 15.8411 11.3051 15.6654 11.3448 15.4764L12.1631 11.5972H13.3991L12.5919 15.4325C12.5671 15.5386 12.5571 15.6374 12.5584 15.7265C12.5571 15.9229 12.6068 16.0839 12.7073 16.2095C12.8537 16.3962 13.0914 16.4889 13.4221 16.4889C13.8024 16.4889 14.1158 16.3974 14.359 16.2132C14.6022 16.0302 14.761 15.7704 14.8324 15.4325L15.6422 11.5972H16.8719L16.0529 15.4764Z"
- fill="white"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M21.2436 13.9502H22.2116L21.4534 17.4123H20.4873L21.2436 13.9502ZM21.5482 12.689H22.5248L22.3424 13.5293H21.3659L21.5482 12.689Z"
- fill="white"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M23.0688 17.1487C22.8156 16.9109 22.6878 16.59 22.6865 16.1826C22.6865 16.113 22.6908 16.0338 22.7002 15.9471C22.7095 15.8592 22.7214 15.7739 22.738 15.6946C22.8528 15.1323 23.0973 14.6858 23.4739 14.3564C23.8499 14.0258 24.3036 13.8599 24.8347 13.8599C25.2696 13.8599 25.6145 13.9794 25.8672 14.2185C26.1196 14.4589 26.2462 14.7833 26.2462 15.1957C26.2462 15.2664 26.2407 15.3481 26.2313 15.436C26.2201 15.525 26.2066 15.6104 26.1909 15.6946C26.0787 16.2484 25.8349 16.69 25.4583 17.0134C25.0816 17.3391 24.6293 17.5012 24.1019 17.5012C23.6651 17.5012 23.3213 17.3841 23.0688 17.1487M24.9136 16.4631C25.0843 16.2814 25.2065 16.0056 25.2809 15.6385C25.2921 15.5812 25.302 15.5214 25.3082 15.4616C25.3143 15.403 25.3168 15.3482 25.3168 15.2981C25.3168 15.0846 25.2616 14.9188 25.1506 14.8016C25.0402 14.6833 24.8832 14.6248 24.6804 14.6248C24.4122 14.6248 24.1939 14.7174 24.0227 14.9029C23.8501 15.0884 23.7279 15.3689 23.6509 15.7422C23.6404 15.7995 23.6317 15.8569 23.6237 15.913C23.6175 15.9703 23.6157 16.024 23.6168 16.0728C23.6168 16.285 23.6721 16.4485 23.7831 16.5644C23.8935 16.6803 24.0498 16.7376 24.2553 16.7376C24.5246 16.7376 24.743 16.6461 24.9136 16.4631Z"
- fill="white"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M32.5262 19.8496L32.7596 19.0421H33.9397L33.8888 19.3385C33.8888 19.3385 34.4918 19.0421 34.9261 19.0421C35.3606 19.0421 36.3854 19.0421 36.3854 19.0421L36.1535 19.8496H35.9239L34.8231 23.6582H35.0527L34.8343 24.4146H34.6047L34.5092 24.7427H33.3664L33.4617 24.4146H31.207L31.4268 23.6582H31.6527L32.7544 19.8496H32.5262H32.5262ZM33.7993 19.8498L33.4989 20.8805C33.4989 20.8805 34.0128 20.6866 34.4558 20.6318C34.5536 20.2718 34.6815 19.8498 34.6815 19.8498H33.7993V19.8498ZM33.3598 21.3637L33.0585 22.4433C33.0585 22.4433 33.628 22.1676 34.0188 22.1444C34.1317 21.7271 34.2447 21.3637 34.2447 21.3637H33.3598V21.3637ZM33.5808 23.6583L33.8067 22.8751H32.9258L32.6987 23.6583H33.5808ZM36.4352 18.9922H37.5447L37.5918 19.3946C37.5844 19.4971 37.6463 19.546 37.7779 19.546H37.9739L37.7756 20.2279H36.9601C36.6487 20.2437 36.4886 20.1267 36.4738 19.8741L36.4352 18.9922ZM36.1102 20.4548H39.7039L39.493 21.1868H38.3488L38.1526 21.8673H39.2957L39.0835 22.5981H37.8104L37.5224 23.0264H38.1455L38.2894 23.8839C38.3066 23.9693 38.3836 24.0108 38.5151 24.0108H38.7086L38.5053 24.717H37.8202C37.4653 24.7342 37.2818 24.6171 37.2667 24.3646L37.1016 23.5814L36.5346 24.4146C36.4005 24.65 36.1945 24.7599 35.9167 24.7427H34.8705L35.074 24.0363H35.4004C35.5345 24.0363 35.646 23.9778 35.7465 23.8595L36.634 22.5981H35.4898L35.7018 21.8673H36.9428L37.1402 21.1868H35.898L36.1102 20.4548Z"
- fill="white"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M17.1915 13.9492H18.0645L17.9647 14.4493L18.0899 14.3066C18.3729 14.009 18.7166 13.8613 19.1224 13.8613C19.4898 13.8613 19.7547 13.9663 19.921 14.1773C20.0847 14.3884 20.1294 14.6799 20.0519 15.0544L19.571 17.4137H18.6738L19.1081 15.2752C19.1529 15.0544 19.1405 14.8897 19.0715 14.7836C19.0033 14.6774 18.873 14.625 18.685 14.625C18.4542 14.625 18.26 14.6957 18.1017 14.8361C17.9429 14.9776 17.8381 15.174 17.7865 15.424L17.3863 17.4137H16.4873L17.1915 13.9492Z"
- fill="white"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M27.2021 13.9492H28.0758L27.9767 14.4493L28.1006 14.3066C28.3837 14.009 28.7287 13.8613 29.1332 13.8613C29.5005 13.8613 29.766 13.9663 29.931 14.1773C30.0937 14.3884 30.1408 14.6799 30.0614 15.0544L29.5823 17.4137H28.6839L29.1184 15.2752C29.1629 15.0544 29.1506 14.8897 29.0823 14.7836C29.0115 14.6774 28.8836 14.625 28.6964 14.625C28.4655 14.625 28.272 14.6957 28.1119 14.8361C27.953 14.9776 27.8476 15.174 27.798 15.424L27.396 17.4137H26.498L27.2021 13.9492"
- fill="white"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M31.5212 11.8018H34.0577C34.5454 11.8018 34.9225 11.9104 35.1818 12.1238C35.44 12.3398 35.5692 12.6497 35.5692 13.0534V13.0656C35.5692 13.1424 35.564 13.229 35.5567 13.3229C35.5441 13.4157 35.5279 13.5095 35.5071 13.6072C35.3954 14.1415 35.1359 14.571 34.7352 14.8967C34.333 15.2211 33.8567 15.3846 33.3082 15.3846H31.9479L31.5274 17.4133H30.3496L31.5212 11.8018M32.1554 14.4087H33.2835C33.5776 14.4087 33.8108 14.3415 33.9809 14.2086C34.1497 14.0744 34.2614 13.8695 34.3234 13.5914C34.3332 13.54 34.3394 13.4937 34.3469 13.451C34.3508 13.4108 34.3556 13.3704 34.3556 13.3315C34.3556 13.1326 34.2838 12.9887 34.1397 12.8984C33.9958 12.8068 33.7701 12.763 33.4572 12.763H32.4991L32.1554 14.4087"
- fill="white"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M40.8406 18.0833C40.4683 18.8615 40.1135 19.3152 39.9051 19.5263C39.6964 19.735 39.2833 20.2205 38.2881 20.1839L38.3737 19.5898C39.2112 19.3361 39.6642 18.1929 39.9223 17.6867L39.6146 13.9587L40.2624 13.9502H40.8059L40.8643 16.2888L41.8829 13.9502H42.9143L40.8406 18.0833Z"
- fill="white"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M37.9561 14.232L37.5464 14.509C37.1183 14.1796 36.7274 13.9759 35.9731 14.3199C34.9454 14.7883 34.0868 18.381 36.9161 17.1976L37.0774 17.3855L38.1905 17.4135L38.9215 14.1491L37.9561 14.232M37.3233 16.0168C37.1445 16.5353 36.7451 16.8781 36.4324 16.7805C36.1196 16.6853 36.008 16.1851 36.1891 15.6655C36.3678 15.1458 36.7698 14.8042 37.08 14.9018C37.3927 14.997 37.5056 15.4971 37.3233 16.0168Z"
- fill="white"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M34.3328 5.26107L30.4463 5.25342L34.3106 5.26981C34.318 5.26981 34.3253 5.26107 34.3328 5.26107"
- fill="#E02F41"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M30.4467 5.27406L23.5378 5.25C23.5204 5.25 23.5024 5.25765 23.4844 5.26531L30.4467 5.27406"
- fill="#2E4F7D"
- />
- </svg>
-);
diff --git a/packages/js/onboarding/src/images/cards/unionpay.svg b/packages/js/onboarding/src/images/cards/unionpay.svg
new file mode 100644
index 00000000000..b23534ba610
--- /dev/null
+++ b/packages/js/onboarding/src/images/cards/unionpay.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="52" height="35" fill="none" viewBox="0 0 52 35"><path fill="#01798A" fill-rule="evenodd" d="m44.055 5.257-9.72-.002h-.002l-.022.001c-1.336.04-2.999 1.093-3.301 2.391L26.413 27.64c-.303 1.31.521 2.377 1.847 2.396h10.21c1.306-.063 2.574-1.104 2.872-2.387l4.596-19.993c.308-1.324-.536-2.399-1.884-2.399" clip-rule="evenodd"/><path fill="#024381" fill-rule="evenodd" d="M26.413 27.64 31.01 7.647c.303-1.298 1.965-2.35 3.3-2.39l-3.864-.003-6.962-.002c-1.339.027-3.024 1.087-3.326 2.395L15.56 27.64c-.304 1.31.521 2.377 1.846 2.396H28.26c-1.326-.02-2.15-1.086-1.847-2.396" clip-rule="evenodd"/><path fill="#DD0228" fill-rule="evenodd" d="m15.56 27.64 4.598-19.993c.303-1.308 1.987-2.368 3.326-2.395l-8.92-.002c-1.345 0-3.072 1.072-3.38 2.397L6.588 27.64a2.5 2.5 0 0 0-.053.359v.37c.09.956.832 1.651 1.899 1.667h8.973c-1.325-.02-2.15-1.086-1.846-2.396" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M23.672 19.82h.168q.234 0 .309-.152l.438-.645h1.175l-.245.424h1.408l-.178.65H25.07q-.288.429-.716.404h-.873zm-.193.933h3.085l-.196.706h-1.241l-.19.682h1.208l-.197.706h-1.207l-.28 1.008q-.105.252.272.227h.984l-.182.656h-1.89q-.536 0-.369-.605l.36-1.286h-.773l.196-.706h.772l.19-.682h-.738zm4.925-1.735-.049.413s.582-.429 1.11-.429h1.954l-.747 2.658q-.093.455-.797.455h-2.214l-.518 1.867q-.044.15.124.151h.435l-.16.58h-1.107q-.637 0-.532-.379l1.465-5.316zm1.654.751h-1.744l-.208.718s.29-.206.775-.214c.484-.007 1.036 0 1.036 0zm-.632 1.664q.195.026.21-.151l.107-.378h-1.747l-.146.53zm-1.178.86h1.007l-.019.427h.268q.202 0 .202-.127l.08-.276h.836l-.111.403q-.142.505-.752.53h-.537l-.002.732q-.014.176.32.177h.504l-.163.58h-1.208q-.508.023-.502-.48zm-12.195-6.817q-.207.985-.944 1.522-.73.529-1.882.529-1.084 0-1.59-.543-.352-.386-.352-.98 0-.245.06-.528l.818-3.879H13.4l-.807 3.835a1.2 1.2 0 0 0-.034.294.74.74 0 0 0 .15.483q.218.28.714.28.571 0 .937-.276.365-.274.473-.78l.81-3.836h1.23zm5.191-1.526h.968l-.759 3.462h-.966zm.304-1.261h.977l-.183.84h-.976zm1.521 4.46q-.38-.356-.383-.966 0-.106.014-.236.014-.133.038-.252.172-.845.736-1.339a2 2 0 0 1 1.36-.496q.654 0 1.033.359.38.359.38.977 0 .106-.016.24a4 4 0 0 1-.04.259c-.112.553-.356.995-.733 1.318q-.565.488-1.356.488-.655 0-1.033-.352m1.845-.686q.255-.273.367-.825a2 2 0 0 0 .036-.34q0-.32-.166-.496-.166-.178-.47-.177a.85.85 0 0 0-.658.278q-.258.278-.372.84-.016.085-.027.17a1 1 0 0 0-.007.16q0 .317.166.491.165.174.472.174.404 0 .659-.275m7.612 3.387.234-.808h1.18l-.051.296s.603-.296 1.037-.296h1.46l-.233.808h-.23l-1.1 3.808h.23l-.219.757h-.23l-.095.328h-1.143l.096-.328h-2.255l.22-.757h.226l1.101-3.808zm1.273 0-.3 1.03s.514-.193.957-.248c.098-.36.225-.782.225-.782zm-.44 1.514-.3 1.08s.569-.276.96-.3a25 25 0 0 1 .226-.78zm.222 2.294.226-.783h-.881l-.227.783zm2.854-4.666h1.11l.047.403q-.012.152.186.151h.196l-.198.682h-.816q-.465.025-.486-.354zm-.325 1.463h3.594l-.211.732h-1.144l-.196.68h1.143l-.212.731H37.81l-.288.428h.624l.143.858q.028.127.226.127h.194l-.204.706h-.685q-.531.026-.553-.352l-.165-.784-.567.834a.62.62 0 0 1-.618.328H34.87l.204-.707h.326c.135 0 .246-.058.346-.177l.888-1.26H35.49l.212-.732h1.24l.198-.68h-1.242zM17.192 13.95h.872l-.1.5.126-.143a1.37 1.37 0 0 1 1.032-.446q.551 0 .799.316.247.316.13.877l-.48 2.36h-.897l.434-2.139q.067-.331-.037-.491-.103-.16-.386-.159-.346 0-.583.211a1.04 1.04 0 0 0-.316.588l-.4 1.99h-.899zm10.01 0h.874l-.1.5.125-.143a1.37 1.37 0 0 1 1.032-.446q.55 0 .798.316c.163.211.21.503.13.877l-.479 2.36h-.898l.434-2.139q.068-.331-.036-.491t-.386-.159q-.344 0-.584.211a1.03 1.03 0 0 0-.314.588l-.402 1.99h-.898zm4.319-2.148h2.537q.732 0 1.124.322.387.324.387.93v.012q0 .115-.012.257a4 4 0 0 1-.05.284 2.186 2.186 0 0 1-2.199 1.778h-1.36l-.42 2.028H30.35zm.634 2.607h1.128q.443-.001.698-.2c.169-.135.28-.34.342-.618l.024-.14q.008-.06.009-.12 0-.297-.216-.433-.215-.136-.683-.135H32.5zm8.685 3.674c-.372.779-.727 1.232-.935 1.443-.209.209-.622.695-1.617.658l.086-.594c.837-.254 1.29-1.397 1.548-1.903l-.307-3.728.647-.009h.544l.058 2.339 1.019-2.339h1.031zm-2.884-3.851-.41.277c-.428-.33-.819-.533-1.573-.19-1.028.47-1.886 4.062.943 2.879l.161.188 1.114.027.73-3.264zm-.633 1.785c-.178.518-.578.861-.89.764s-.425-.596-.244-1.115c.179-.52.58-.862.891-.764.313.095.426.595.243 1.115" clip-rule="evenodd"/><path fill="#E02F41" fill-rule="evenodd" d="m34.333 5.261-3.887-.008 3.865.017c.007 0 .014-.009.022-.009" clip-rule="evenodd"/><path fill="#2E4F7D" fill-rule="evenodd" d="m30.447 5.274-6.91-.024a.14.14 0 0 0-.053.015z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/js/onboarding/src/images/cards/visa.js b/packages/js/onboarding/src/images/cards/visa.js
deleted file mode 100644
index 9d6f3f7375d..00000000000
--- a/packages/js/onboarding/src/images/cards/visa.js
+++ /dev/null
@@ -1,36 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement } from '@wordpress/element';
-
-export default () => (
- <svg
- width="64"
- height="40"
- viewBox="0 0 64 40"
- fill="none"
- xmlns="http://www.w3.org/2000/svg"
- >
- <rect width="64" height="40" rx="3" fill="white" />
- <path
- d="M28.6564 27.2545H24.7949L27.2102 13.2538H31.0714L28.6564 27.2545Z"
- fill="#1C34C3"
- />
- <path
- d="M42.6537 13.5961C41.8921 13.3128 40.684 13 39.1903 13C35.3769 13 32.6916 14.9064 32.6751 17.6319C32.6435 19.6428 34.5977 20.7597 36.0594 21.4302C37.5534 22.1154 38.0612 22.5626 38.0612 23.1733C38.046 24.1112 36.854 24.5436 35.7422 24.5436C34.2006 24.5436 33.3745 24.3207 32.1191 23.7989L31.6107 23.5752L31.0703 26.718C31.976 27.1048 33.6446 27.4481 35.3769 27.4631C39.4287 27.4631 42.0665 25.5863 42.0977 22.6818C42.1131 21.088 41.0812 19.8667 38.8564 18.8688C37.5058 18.2282 36.6787 17.7962 36.6787 17.1408C36.6946 16.5449 37.3783 15.9346 38.9029 15.9346C40.1582 15.9047 41.0806 16.1876 41.7793 16.4707L42.1286 16.6194L42.6537 13.5961Z"
- fill="#1C34C3"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M49.5665 13.2538H52.5534L55.6686 27.2543H52.0933C52.0933 27.2543 51.7434 25.6456 51.6325 25.1541H46.6747C46.5313 25.5263 45.8642 27.2543 45.8642 27.2543H41.8125L47.5482 14.4154C47.9456 13.5068 48.6454 13.2538 49.5665 13.2538ZM49.3285 18.3773C49.3285 18.3773 48.1049 21.4902 47.7869 22.2945H50.9965C50.8377 21.5945 50.1064 18.2432 50.1064 18.2432L49.8366 17.0368C49.7229 17.3475 49.5586 17.7746 49.4478 18.0626C49.3726 18.2579 49.322 18.3893 49.3285 18.3773Z"
- fill="#1C34C3"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M8.06356 13.2538H14.2763C15.1184 13.2833 15.8017 13.5365 16.0241 14.4307L17.3743 20.8634C17.3744 20.8638 17.3745 20.8643 17.3747 20.8647L17.7879 22.8009L21.5696 13.2538H25.6528L19.5832 27.2396H15.4998L12.058 15.0743C10.8705 14.4234 9.51527 13.8999 8 13.5367L8.06356 13.2538Z"
- fill="#1C34C3"
- />
- </svg>
-);
diff --git a/packages/js/onboarding/src/images/cards/visa.svg b/packages/js/onboarding/src/images/cards/visa.svg
new file mode 100644
index 00000000000..c70fef93144
--- /dev/null
+++ b/packages/js/onboarding/src/images/cards/visa.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="40" fill="none" viewBox="0 0 64 40"><rect width="64" height="40" fill="#fff" rx="3"/><path fill="#1C34C3" d="M28.656 27.255h-3.861l2.415-14.001h3.861zm13.998-13.659A10.1 10.1 0 0 0 39.19 13c-3.813 0-6.498 1.906-6.515 4.632-.031 2.01 1.923 3.128 3.384 3.798 1.494.685 2.002 1.133 2.002 1.743-.015.938-1.207 1.37-2.319 1.37-1.541 0-2.367-.222-3.623-.744l-.508-.224-.54 3.143c.905.387 2.574.73 4.306.745 4.052 0 6.69-1.877 6.72-4.781.016-1.594-1.016-2.815-3.24-3.813-1.351-.64-2.178-1.073-2.178-1.728.016-.596.7-1.206 2.224-1.206a6.9 6.9 0 0 1 2.876.536l.35.148z"/><path fill="#1C34C3" fill-rule="evenodd" d="M49.567 13.254h2.986l3.116 14h-3.576s-.35-1.608-.46-2.1h-4.958l-.81 2.1h-4.053l5.736-12.839c.398-.908 1.097-1.161 2.018-1.161m-.239 5.123s-1.223 3.113-1.541 3.918h3.21c-.16-.7-.89-4.052-.89-4.052l-.27-1.206c-.114.31-.278.738-.39 1.026-.074.195-.125.326-.119.314M8.064 13.254h6.212c.842.03 1.526.283 1.748 1.177l1.35 6.432v.002l.414 1.936 3.782-9.547h4.083l-6.07 13.986H15.5l-3.442-12.166C10.871 14.424 9.515 13.9 8 13.537z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/js/onboarding/src/images/payment-methods/affirm.js b/packages/js/onboarding/src/images/payment-methods/affirm.js
deleted file mode 100644
index f75d6a43eeb..00000000000
--- a/packages/js/onboarding/src/images/payment-methods/affirm.js
+++ /dev/null
@@ -1,51 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement } from '@wordpress/element';
-
-export default () => (
- <svg
- width="64"
- height="40"
- viewBox="0 0 64 40"
- fill="none"
- xmlns="http://www.w3.org/2000/svg"
- >
- <rect width="64" height="40" fill="white" />
- <path d="M53 10.6201H11V27.3789H53V10.6201Z" fill="white" />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M13.7539 25.935C13.2345 25.935 12.9699 25.6792 12.9699 25.2587C12.9699 24.4747 13.8441 24.2111 15.4387 24.0415C15.4387 25.0862 14.732 25.935 13.749 25.935H13.7539ZM14.44 20.0596C13.3002 20.0596 11.9899 20.5957 11.2783 21.1631L11.9281 22.5352C12.4985 22.0128 13.4207 21.5659 14.2528 21.5659C15.0437 21.5659 15.4808 21.8305 15.4808 22.3637C15.4808 22.7214 15.1917 22.9027 14.6448 22.9742C12.6004 23.2389 10.998 23.8034 10.998 25.3783C10.998 26.6269 11.887 27.3825 13.2757 27.3825C14.2675 27.3825 15.1495 26.8317 15.569 26.1084V27.1865H17.4174V22.6695C17.4174 20.8074 16.1247 20.0557 14.441 20.0557L14.44 20.0596Z"
- fill="#101820"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M32.9912 20.263V27.1782H34.969V23.8461C34.969 22.2633 35.9274 21.7978 36.5949 21.7978C36.8953 21.7954 37.1897 21.8824 37.4406 22.0477L37.8023 20.2199C37.522 20.1077 37.222 20.0534 36.9202 20.0601C35.9039 20.0601 35.2649 20.51 34.8435 21.4253V20.263H32.9912Z"
- fill="#101820"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M46.9673 20.0596C45.9216 20.0596 45.1395 20.677 44.7328 21.2729C44.3555 20.5035 43.5568 20.0596 42.5963 20.0596C41.5516 20.0596 40.8273 20.6398 40.4931 21.3081V20.2624H38.5859V27.1777H40.5656V23.6171C40.5656 22.3431 41.235 21.7266 41.8593 21.7266C42.4248 21.7266 42.9442 22.0922 42.9442 23.036V27.1777H44.92V23.6171C44.92 22.3245 45.5727 21.7266 46.2264 21.7266C46.7497 21.7266 47.3045 22.1069 47.3045 23.0223V27.1777H49.2802V22.397C49.2802 20.8436 48.2345 20.0596 46.9712 20.0596"
- fill="#101820"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M28.1787 20.2633H26.3872V19.5606C26.3872 18.6452 26.9096 18.3845 27.3594 18.3845C27.6666 18.3885 27.9686 18.464 28.2415 18.605L28.8511 17.2104C28.8511 17.2104 28.2326 16.8066 27.1085 16.8066C25.8452 16.8066 24.4075 17.5191 24.4075 19.7546V20.2633H21.4135V19.5606C21.4135 18.6452 21.9348 18.3845 22.3857 18.3845C22.6933 18.3845 22.9963 18.4602 23.2677 18.605L23.8773 17.2104C23.5137 16.9977 22.9286 16.8066 22.1358 16.8066C20.8725 16.8066 19.4347 17.5191 19.4347 19.7546V20.2633H18.29V21.7882H19.4377V27.1785H21.4135V21.7882H24.4114V27.1785H26.3872V21.7882H28.1787V20.2633Z"
- fill="#101820"
- />
- <path
- d="M31.3322 20.2627H29.3584V27.175H31.3322V20.2627Z"
- fill="#101820"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M29.4307 19.0877H31.3643C32.4923 15.5409 36.3194 12.4234 40.8708 12.4234C46.4061 12.4234 51.1897 16.6376 51.1897 23.198C51.2066 24.5447 51.0216 25.8862 50.6409 27.178H52.5177L52.5363 27.1133C52.8526 25.8345 53.0086 24.5213 53.0009 23.2039C53.0009 15.8879 47.6694 10.6221 40.8747 10.6221C35.5374 10.6221 30.7802 14.3266 29.4316 19.0897L29.4307 19.0877Z"
- fill="#4A4AF4"
- />
- </svg>
-);
diff --git a/packages/js/onboarding/src/images/payment-methods/affirm.svg b/packages/js/onboarding/src/images/payment-methods/affirm.svg
new file mode 100644
index 00000000000..76618f5d938
--- /dev/null
+++ b/packages/js/onboarding/src/images/payment-methods/affirm.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="40" fill="none" viewBox="0 0 64 40"><path fill="#fff" d="M0 0h64v40H0z"/><path fill="#fff" d="M53 10.62H11v16.76h42z"/><path fill="#101820" fill-rule="evenodd" d="M13.754 25.935c-.52 0-.784-.256-.784-.676 0-.784.874-1.048 2.469-1.218 0 1.045-.707 1.894-1.69 1.894zm.686-5.875c-1.14 0-2.45.536-3.162 1.103l.65 1.372c.57-.522 1.493-.97 2.325-.97.79 0 1.228.265 1.228.799 0 .357-.29.539-.836.61-2.045.265-3.647.83-3.647 2.404 0 1.249.889 2.005 2.278 2.005.992 0 1.874-.551 2.293-1.275v1.078h1.848V22.67c0-1.862-1.292-2.613-2.976-2.613zm18.551.203v6.915h1.978v-3.332c0-1.583.958-2.048 1.626-2.048.3-.003.595.084.846.25l.361-1.828a2.2 2.2 0 0 0-.882-.16c-1.016 0-1.655.45-2.077 1.365v-1.162zm13.976-.203c-1.045 0-1.828.617-2.234 1.213-.377-.77-1.176-1.213-2.137-1.213-1.044 0-1.769.58-2.103 1.248v-1.046h-1.907v6.916h1.98v-3.56c0-1.275.669-1.891 1.293-1.891.566 0 1.085.365 1.085 1.309v4.142h1.976v-3.56c0-1.293.653-1.891 1.306-1.891.524 0 1.078.38 1.078 1.295v4.156h1.976v-4.781c0-1.553-1.046-2.337-2.309-2.337m-18.792.203h-1.792v-.702c0-.916.523-1.177.972-1.177.308.005.61.08.882.221l.61-1.395s-.618-.403-1.742-.403c-1.264 0-2.702.712-2.702 2.948v.508h-2.994v-.702c0-.916.522-1.177.973-1.177.307 0 .61.076.882.221l.61-1.395c-.364-.212-.95-.403-1.742-.403-1.264 0-2.701.712-2.701 2.948v.508H18.29v1.525h1.148v5.39h1.976v-5.39h2.997v5.39h1.976v-5.39h1.792z" clip-rule="evenodd"/><path fill="#101820" d="M31.332 20.263h-1.974v6.912h1.974z"/><path fill="#4A4AF4" fill-rule="evenodd" d="M29.43 19.088h1.934c1.128-3.547 4.955-6.665 9.507-6.665 5.535 0 10.319 4.215 10.319 10.775a13.5 13.5 0 0 1-.55 3.98h1.878l.018-.065a16 16 0 0 0 .465-3.91c0-7.315-5.332-12.58-12.126-12.58-5.338 0-10.095 3.704-11.443 8.467z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/js/onboarding/src/images/payment-methods/afterpay.js b/packages/js/onboarding/src/images/payment-methods/afterpay.js
deleted file mode 100644
index fa274956b3c..00000000000
--- a/packages/js/onboarding/src/images/payment-methods/afterpay.js
+++ /dev/null
@@ -1,29 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement } from '@wordpress/element';
-
-export default () => (
- <svg
- width="64"
- height="40"
- id="Layer_1"
- data-name="Layer 1"
- xmlns="http://www.w3.org/2000/svg"
- viewBox="0 0 38 24"
- style={ { background: '#B2FCE4' } }
- >
- <path
- fill="#B2FCE4"
- d="M35,0H3A3,3,0,0,0,0,3V21a3,3,0,0,0,3,3H35a3,3,0,0,0,3-3V3A3,3,0,0,0,35,0Z"
- />
- <path d="M36.12,10l-1.06-.61L34,8.75a1.07,1.07,0,0,0-1.6.93v.13a.23.23,0,0,0,.1.19l.5.28a.2.2,0,0,0,.28-.08.19.19,0,0,0,0-.1V9.78a.21.21,0,0,1,.2-.22l.12,0,1,.57,1,.56a.22.22,0,0,1,.07.3l-.07.07-1,.56-1,.57a.21.21,0,0,1-.29-.07.24.24,0,0,1,0-.12v-.16a1.07,1.07,0,0,0-1.6-.93l-1.08.62-1.06.61a1.08,1.08,0,0,0-.4,1.46,1,1,0,0,0,.4.4l1.06.61,1.08.61a1.07,1.07,0,0,0,1.6-.93v-.13a.23.23,0,0,0-.1-.19l-.5-.29a.2.2,0,0,0-.28.08.23.23,0,0,0,0,.11v.32a.21.21,0,0,1-.2.22.27.27,0,0,1-.12,0l-1-.57-1-.56A.22.22,0,0,1,30,13l.07-.07,1-.56,1-.57a.21.21,0,0,1,.29.07.24.24,0,0,1,0,.12v.16a1.07,1.07,0,0,0,1.6.93l1.08-.62,1.06-.61a1.06,1.06,0,0,0,.34-1.47A1,1,0,0,0,36.12,10Z" />
- <path d="M29.14,10.18l-2.49,5.14h-1l.93-1.92-1.46-3.22h1.06l.94,2.15,1-2.15Z" />
- <path d="M4.25,12a1,1,0,1,0-1,1.05h0a1,1,0,0,0,1-1V12m0,1.83v-.48a1.49,1.49,0,0,1-1.16.54,1.79,1.79,0,0,1-1.75-1.83V12a1.82,1.82,0,0,1,1.75-1.89h0a1.47,1.47,0,0,1,1.14.53v-.46h.89v3.65Z" />
- <path d="M9.52,13c-.32,0-.4-.12-.4-.42V11h.57v-.79H9.12V9.29H8.2v.89H7V9.81c0-.3.12-.42.44-.42h.2V8.68H7.21c-.76,0-1.12.25-1.12,1v.49H5.58V11h.51v2.86H7V11H8.2v1.79c0,.75.28,1.07,1,1.07h.5V13Z" />
- <path d="M12.82,11.67a.87.87,0,0,0-.91-.75.89.89,0,0,0-.92.75ZM11,12.24a.91.91,0,0,0,.94.85,1,1,0,0,0,.86-.47h.94a1.79,1.79,0,0,1-1.82,1.27A1.8,1.8,0,0,1,10,12.22V12a1.89,1.89,0,1,1,3.78,0h0a.89.89,0,0,1,0,.23Z" />
- <path d="M19.66,12a1,1,0,1,0,0,.05V12m-2.89,3.32V10.18h.89v.47a1.49,1.49,0,0,1,1.16-.54,1.79,1.79,0,0,1,1.76,1.82V12a1.82,1.82,0,0,1-1.75,1.89h0a1.44,1.44,0,0,1-1.11-.49v1.92Z" />
- <path d="M23.82,12a1,1,0,1,0-1.05,1.05h.05a1,1,0,0,0,1-1V12m0,1.83v-.48a1.46,1.46,0,0,1-1.15.54,1.79,1.79,0,0,1-1.76-1.82V12a1.82,1.82,0,0,1,1.75-1.89h0a1.45,1.45,0,0,1,1.13.53v-.46h.9v3.65Z" />
- <path d="M15.15,10.54a.91.91,0,0,1,.79-.43.88.88,0,0,1,.39.08v.94a1.15,1.15,0,0,0-.65-.17.64.64,0,0,0-.5.71v2.16h-.93V10.18h.9Z" />
- </svg>
-);
diff --git a/packages/js/onboarding/src/images/payment-methods/afterpay.svg b/packages/js/onboarding/src/images/payment-methods/afterpay.svg
new file mode 100644
index 00000000000..8ee30e68348
--- /dev/null
+++ b/packages/js/onboarding/src/images/payment-methods/afterpay.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="40" data-name="Layer 1" viewBox="0 0 38 24"><path fill="#B2FCE4" d="M35 0H3a3 3 0 0 0-3 3v18a3 3 0 0 0 3 3h32a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3"/><path d="m36.12 10-1.06-.61L34 8.75a1.07 1.07 0 0 0-1.6.93v.13a.23.23 0 0 0 .1.19l.5.28a.2.2 0 0 0 .28-.08.2.2 0 0 0 0-.1v-.32a.21.21 0 0 1 .2-.22h.12l1 .57 1 .56a.22.22 0 0 1 .07.3l-.07.07-1 .56-1 .57a.21.21 0 0 1-.29-.07.24.24 0 0 1 0-.12v-.16a1.07 1.07 0 0 0-1.6-.93l-1.08.62-1.06.61a1.08 1.08 0 0 0-.4 1.46 1 1 0 0 0 .4.4l1.06.61 1.08.61a1.07 1.07 0 0 0 1.6-.93v-.13a.23.23 0 0 0-.1-.19l-.5-.29a.2.2 0 0 0-.28.08.23.23 0 0 0 0 .11v.32a.21.21 0 0 1-.2.22.3.3 0 0 1-.12 0l-1-.57-1-.56A.22.22 0 0 1 30 13l.07-.07 1-.56 1-.57a.21.21 0 0 1 .29.07.24.24 0 0 1 0 .12v.16a1.07 1.07 0 0 0 1.6.93l1.08-.62 1.06-.61a1.06 1.06 0 0 0 .34-1.47 1 1 0 0 0-.32-.38m-6.98.18-2.49 5.14h-1l.93-1.92-1.46-3.22h1.06l.94 2.15 1-2.15ZM4.25 12a1 1 0 1 0-1 1.05 1 1 0 0 0 1-1zm0 1.83v-.48a1.49 1.49 0 0 1-1.16.54 1.79 1.79 0 0 1-1.75-1.83V12a1.82 1.82 0 0 1 1.75-1.89 1.47 1.47 0 0 1 1.14.53v-.46h.89v3.65ZM9.52 13c-.32 0-.4-.12-.4-.42V11h.57v-.79h-.57v-.92H8.2v.89H7v-.37c0-.3.12-.42.44-.42h.2v-.71h-.43c-.76 0-1.12.25-1.12 1v.49h-.51V11h.51v2.86H7V11h1.2v1.79c0 .75.28 1.07 1 1.07h.5V13Zm3.3-1.33a.87.87 0 0 0-.91-.75.89.89 0 0 0-.92.75Zm-1.82.57a.91.91 0 0 0 .94.85 1 1 0 0 0 .86-.47h.94a1.79 1.79 0 0 1-1.82 1.27A1.8 1.8 0 0 1 10 12.22V12a1.89 1.89 0 1 1 3.78 0 1 1 0 0 1 0 .23Zm8.66-.24a1 1 0 1 0 0 .05zm-2.89 3.32v-5.14h.89v.47a1.49 1.49 0 0 1 1.16-.54 1.79 1.79 0 0 1 1.76 1.82V12a1.82 1.82 0 0 1-1.75 1.89 1.44 1.44 0 0 1-1.11-.49v1.92ZM23.82 12a1 1 0 1 0-1.05 1.05h.05a1 1 0 0 0 1-1zm0 1.83v-.48a1.46 1.46 0 0 1-1.15.54 1.79 1.79 0 0 1-1.76-1.82V12a1.82 1.82 0 0 1 1.75-1.89 1.45 1.45 0 0 1 1.13.53v-.46h.9v3.65Zm-8.67-3.29a.91.91 0 0 1 .79-.43.9.9 0 0 1 .39.08v.94a1.15 1.15 0 0 0-.65-.17.64.64 0 0 0-.5.71v2.16h-.93v-3.65h.9Z"/></svg>
\ No newline at end of file
diff --git a/packages/js/onboarding/src/images/payment-methods/bancontact.js b/packages/js/onboarding/src/images/payment-methods/bancontact.js
deleted file mode 100644
index 93a43217526..00000000000
--- a/packages/js/onboarding/src/images/payment-methods/bancontact.js
+++ /dev/null
@@ -1,57 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement } from '@wordpress/element';
-
-export default () => (
- <svg
- xmlns="http://www.w3.org/2000/svg"
- id="logo"
- viewBox="0 0 758.356 567.439"
- >
- <defs>
- <linearGradient
- id="Bancontact_blauw_rgb"
- x1="178.27"
- x2="362.51"
- y1="283.799"
- y2="215.368"
- gradientUnits="userSpaceOnUse"
- >
- <stop offset="0" stopColor="#005ab9"></stop>
- <stop offset="1" stopColor="#1e3764"></stop>
- </linearGradient>
- <linearGradient
- id="Bancontact_geel_rgb"
- x1="394.428"
- x2="590.053"
- y1="237.305"
- y2="170.562"
- gradientUnits="userSpaceOnUse"
- >
- <stop offset="0" stopColor="#fba900"></stop>
- <stop offset="1" stopColor="#ffd800"></stop>
- </linearGradient>
- </defs>
- <path
- id="rounded_white_background"
- fill="#fff"
- d="M93.855 72.758H664.5a21.096 21.096 0 0 1 21.096 21.097v379.73a21.096 21.096 0 0 1-21.096 21.096H93.855a21.096 21.096 0 0 1-21.097-21.096V93.855a21.096 21.096 0 0 1 21.097-21.097"
- ></path>
- <path
- id="Bancontact"
- fill="#1e3764"
- d="M127.328 438.865v-72.758h22.451c16.32 0 26.817 6.132 26.817 18.813 0 7.172-3.326 12.161-8.003 15.071 6.756 3.118 10.705 9.147 10.705 17.358 0 14.656-10.705 21.516-27.336 21.516Zm14.448-42.512h10.706c6.548 0 9.355-3.222 9.355-9.146 0-6.341-5.094-8.42-11.954-8.42h-8.107Zm0 29.831h8.939c8.73 0 13.824-2.183 13.824-9.042 0-6.756-4.365-9.563-12.577-9.563h-10.186Zm65.54 13.928c-14.24 0-21.412-6.963-21.412-16.318 0-10.29 8.42-16.32 20.893-16.423a65 65 0 0 1 9.25.832v-2.495c0-6.34-3.638-9.355-10.602-9.355a36.5 36.5 0 0 0-13.72 2.495l-2.598-11.225c4.47-1.872 11.641-3.119 17.981-3.119 15.28 0 22.867 8.108 22.867 22.14v28.895c-4.261 2.183-12.265 4.573-22.659 4.573m8.731-11.745v-11.122a35 35 0 0 0-7.38-.831c-4.78 0-8.523 1.87-8.523 6.756 0 4.366 3.119 6.652 8.627 6.652a16.3 16.3 0 0 0 7.276-1.455m24.027 10.498v-49.788a63.5 63.5 0 0 1 23.49-4.573c15.176 0 23.907 7.484 23.907 21.308v33.053h-14.344v-32.014c0-7.172-3.326-10.498-9.667-10.498a21.8 21.8 0 0 0-9.146 1.871v40.641Zm97.524-51.242-2.703 11.329a31.7 31.7 0 0 0-11.745-2.599c-8.42 0-12.993 5.925-12.993 15.696 0 10.705 4.781 16.214 13.72 16.214a29.4 29.4 0 0 0 11.538-2.702l2.286 11.537a35 35 0 0 1-14.967 3.014c-17.254 0-27.233-10.705-27.233-27.648 0-16.838 9.875-27.96 26.402-27.96a40.1 40.1 0 0 1 15.695 3.119m30.987 52.49c-16.007 0-25.985-11.122-25.985-27.857 0-16.63 9.978-27.752 25.985-27.752 16.11 0 25.881 11.122 25.881 27.752 0 16.735-9.77 27.856-25.881 27.856m0-11.85c7.38 0 11.225-6.132 11.225-16.007 0-9.77-3.845-15.903-11.225-15.903-7.276 0-11.33 6.133-11.33 15.903 0 9.875 4.054 16.007 11.33 16.007m34.182 10.602v-49.788a63.5 63.5 0 0 1 23.49-4.573c15.175 0 23.907 7.484 23.907 21.308v33.053H435.82v-32.014c0-7.172-3.327-10.498-9.667-10.498a21.8 21.8 0 0 0-9.147 1.871v40.641Zm79.745 1.247c-12.369 0-18.71-6.756-18.71-20.476v-22.451h-7.067v-11.434h7.068v-11.537l14.344-.728v12.265h11.537v11.434h-11.537v22.243c0 6.029 2.494 8.835 7.172 8.835a25.2 25.2 0 0 0 5.508-.623l.728 11.537a39.7 39.7 0 0 1-9.043.935m36.205 0c-14.24 0-21.412-6.963-21.412-16.318 0-10.29 8.42-16.32 20.892-16.423a65 65 0 0 1 9.25.832v-2.495c0-6.34-3.637-9.355-10.601-9.355a36.5 36.5 0 0 0-13.72 2.495l-2.599-11.225c4.47-1.872 11.642-3.119 17.982-3.119 15.28 0 22.867 8.108 22.867 22.14v28.895c-4.262 2.183-12.265 4.573-22.659 4.573m8.73-11.745v-11.122a35 35 0 0 0-7.379-.831c-4.781 0-8.523 1.87-8.523 6.756 0 4.366 3.118 6.652 8.627 6.652a16.3 16.3 0 0 0 7.276-1.455m63.004-40.744-2.702 11.329a31.7 31.7 0 0 0-11.745-2.599c-8.42 0-12.993 5.925-12.993 15.696 0 10.705 4.781 16.214 13.72 16.214a29.4 29.4 0 0 0 11.537-2.702l2.287 11.537a35 35 0 0 1-14.967 3.014c-17.254 0-27.233-10.705-27.233-27.648 0-16.838 9.875-27.96 26.401-27.96a40.1 40.1 0 0 1 15.695 3.119m31.537 52.49c-12.37 0-18.71-6.757-18.71-20.477v-22.451h-7.068v-11.434h7.068v-11.537l14.344-.728v12.265h11.538v11.434h-11.538v22.243c0 6.029 2.495 8.835 7.172 8.835a25.2 25.2 0 0 0 5.509-.623l.728 11.537a39.7 39.7 0 0 1-9.043.935"
- ></path>
- <path
- id="blue-symbol"
- fill="url(#Bancontact_blauw_rgb)"
- d="M227.38 329.728c75.9 0 113.85-50.6 151.8-101.2H127.327v101.2Z"
- ></path>
- <path
- id="yellow-symbol"
- fill="url(#Bancontact_geel_rgb)"
- d="M530.98 127.327c-75.9 0-113.85 50.6-151.8 101.2h251.85v-101.2Z"
- ></path>
- </svg>
-);
diff --git a/packages/js/onboarding/src/images/payment-methods/bancontact.svg b/packages/js/onboarding/src/images/payment-methods/bancontact.svg
new file mode 100644
index 00000000000..30dcf1a4b03
--- /dev/null
+++ b/packages/js/onboarding/src/images/payment-methods/bancontact.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 758.356 567.439"><defs><linearGradient id="a" x1="178.27" x2="362.51" y1="283.799" y2="215.368" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#005ab9"/><stop offset="1" stop-color="#1e3764"/></linearGradient><linearGradient id="b" x1="394.428" x2="590.053" y1="237.305" y2="170.562" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fba900"/><stop offset="1" stop-color="#ffd800"/></linearGradient></defs><path fill="#fff" d="M93.855 72.758H664.5a21.096 21.096 0 0 1 21.096 21.097v379.73a21.096 21.096 0 0 1-21.096 21.096H93.855a21.096 21.096 0 0 1-21.097-21.096V93.855a21.096 21.096 0 0 1 21.097-21.097"/><path fill="#1e3764" d="M127.328 438.865v-72.758h22.451c16.32 0 26.817 6.132 26.817 18.813 0 7.172-3.326 12.161-8.003 15.071 6.756 3.118 10.705 9.147 10.705 17.358 0 14.656-10.705 21.516-27.336 21.516Zm14.448-42.512h10.706c6.548 0 9.355-3.222 9.355-9.146 0-6.341-5.094-8.42-11.954-8.42h-8.107Zm0 29.831h8.939c8.73 0 13.824-2.183 13.824-9.042 0-6.756-4.365-9.563-12.577-9.563h-10.186Zm65.54 13.928c-14.24 0-21.412-6.963-21.412-16.318 0-10.29 8.42-16.32 20.893-16.423a65 65 0 0 1 9.25.832v-2.495c0-6.34-3.638-9.355-10.602-9.355a36.5 36.5 0 0 0-13.72 2.495l-2.598-11.225c4.47-1.872 11.641-3.119 17.981-3.119 15.28 0 22.867 8.108 22.867 22.14v28.895c-4.261 2.183-12.265 4.573-22.659 4.573m8.731-11.745v-11.122a35 35 0 0 0-7.38-.831c-4.78 0-8.523 1.87-8.523 6.756 0 4.366 3.119 6.652 8.627 6.652a16.3 16.3 0 0 0 7.276-1.455m24.027 10.498v-49.788a63.5 63.5 0 0 1 23.49-4.573c15.176 0 23.907 7.484 23.907 21.308v33.053h-14.344v-32.014c0-7.172-3.326-10.498-9.667-10.498a21.8 21.8 0 0 0-9.146 1.871v40.641Zm97.524-51.242-2.703 11.329a31.7 31.7 0 0 0-11.745-2.599c-8.42 0-12.993 5.925-12.993 15.696 0 10.705 4.781 16.214 13.72 16.214a29.4 29.4 0 0 0 11.538-2.702l2.286 11.537a35 35 0 0 1-14.967 3.014c-17.254 0-27.233-10.705-27.233-27.648 0-16.838 9.875-27.96 26.402-27.96a40.1 40.1 0 0 1 15.695 3.119m30.987 52.49c-16.007 0-25.985-11.122-25.985-27.857 0-16.63 9.978-27.752 25.985-27.752 16.11 0 25.881 11.122 25.881 27.752 0 16.735-9.77 27.856-25.881 27.856m0-11.85c7.38 0 11.225-6.132 11.225-16.007 0-9.77-3.845-15.903-11.225-15.903-7.276 0-11.33 6.133-11.33 15.903 0 9.875 4.054 16.007 11.33 16.007m34.182 10.602v-49.788a63.5 63.5 0 0 1 23.49-4.573c15.175 0 23.907 7.484 23.907 21.308v33.053H435.82V406.85c0-7.172-3.327-10.498-9.667-10.498a21.8 21.8 0 0 0-9.147 1.871v40.641Zm79.745 1.247c-12.369 0-18.71-6.756-18.71-20.476v-22.451h-7.067V385.75h7.068v-11.537l14.344-.728v12.265h11.537v11.434h-11.537v22.243c0 6.029 2.494 8.835 7.172 8.835a25.2 25.2 0 0 0 5.508-.623l.728 11.537a39.7 39.7 0 0 1-9.043.935m36.205 0c-14.24 0-21.412-6.963-21.412-16.318 0-10.29 8.42-16.32 20.892-16.423a65 65 0 0 1 9.25.832v-2.495c0-6.34-3.637-9.355-10.601-9.355a36.5 36.5 0 0 0-13.72 2.495l-2.599-11.225c4.47-1.872 11.642-3.119 17.982-3.119 15.28 0 22.867 8.108 22.867 22.14v28.895c-4.262 2.183-12.265 4.573-22.659 4.573m8.73-11.745v-11.122a35 35 0 0 0-7.379-.831c-4.781 0-8.523 1.87-8.523 6.756 0 4.366 3.118 6.652 8.627 6.652a16.3 16.3 0 0 0 7.276-1.455m63.004-40.744-2.702 11.329a31.7 31.7 0 0 0-11.745-2.599c-8.42 0-12.993 5.925-12.993 15.696 0 10.705 4.781 16.214 13.72 16.214a29.4 29.4 0 0 0 11.537-2.702l2.287 11.537a35 35 0 0 1-14.967 3.014c-17.254 0-27.233-10.705-27.233-27.648 0-16.838 9.875-27.96 26.401-27.96a40.1 40.1 0 0 1 15.695 3.119m31.537 52.49c-12.37 0-18.71-6.757-18.71-20.477v-22.451h-7.068V385.75h7.068v-11.537l14.344-.728v12.265h11.538v11.434h-11.538v22.243c0 6.029 2.495 8.835 7.172 8.835a25.2 25.2 0 0 0 5.509-.623l.728 11.537a39.7 39.7 0 0 1-9.043.935"/><path fill="url(#a)" d="M227.38 329.728c75.9 0 113.85-50.6 151.8-101.2H127.327v101.2Z"/><path fill="url(#b)" d="M530.98 127.327c-75.9 0-113.85 50.6-151.8 101.2h251.85v-101.2Z"/></svg>
\ No newline at end of file
diff --git a/packages/js/onboarding/src/images/payment-methods/becs.js b/packages/js/onboarding/src/images/payment-methods/becs.js
deleted file mode 100644
index e8feeb1b4d0..00000000000
--- a/packages/js/onboarding/src/images/payment-methods/becs.js
+++ /dev/null
@@ -1,32 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement } from '@wordpress/element';
-
-export default () => (
- <svg
- fill="none"
- height="14"
- viewBox="-4 -2 35 18"
- width="29"
- xmlns="http://www.w3.org/2000/svg"
- >
- <g fill="#757575">
- <path d="m28.3322 13.6841c-.6419 0-.9051-.2256-.9051-.7869v-1.6892h-.4565v-.4592h.4565v-.7359h.5935v.7359h.6258v.4592h-.6258v1.5496c0 .3142.1182.4431.4055.4431.0887 0 .1397-.0027.2203-.0108v.4646c-.094.0162-.2015.0296-.3142.0296z" />
- <path d="m26.3152 10.2278c-.2014 0-.3652-.1638-.3652-.36257 0-.20141.1638-.36523.3652-.36523.1987 0 .3652.16382.3652.36523 0 .19877-.1665.36257-.3652.36257zm-.2927 3.4375v-2.9165h.58v2.9165z" />
- <path d="m24.3276 13.7136c-.4082 0-.7277-.188-.8969-.5075h-.043v.4592h-.5828v-4.06056h.5828v1.60596h.043c.1557-.3142.4968-.5129.8969-.5129.7412 0 1.2085.5827 1.2085 1.5065v.0054c0 .9158-.4726 1.5039-1.2085 1.5039zm-.1638-.4968c.4861 0 .7788-.3814.7788-1.0071v-.0054c0-.6257-.2927-1.007-.7788-1.007s-.7868.384-.7868 1.007v.0054c0 .6231.3007 1.0071.7868 1.0071z" />
- <path d="m21.0215 13.7217c-.854 0-1.3696-.5828-1.3696-1.5066v-.0027c0-.9104.5263-1.52 1.34-1.52.8138 0 1.3133.5881 1.3133 1.4636v.2041h-2.0679c.0107.5586.3169.8836.7976.8836.3733 0 .5962-.1854.666-.3357l.0108-.0215.5612-.0027-.0053.0242c-.0967.384-.4995.8137-1.2461.8137zm-.0269-2.5513c-.3974 0-.6982.2713-.7492.7734h1.4824c-.0457-.5209-.3384-.7734-.7332-.7734z" />
- <path d="m16.0449 13.6653v-3.87526h1.3992c1.1494 0 1.8235.70896 1.8235 1.92556v.0053c0 1.23-.6687 1.9444-1.8235 1.9444zm.6016-.5183h.7305c.811 0 1.2783-.5183 1.2783-1.418v-.0054c0-.8916-.4754-1.4153-1.2783-1.4153h-.7305z" />
- <path d="m13.9203 13.6841c-.6419 0-.905-.2256-.905-.7869v-1.6892h-.4566v-.4592h.4566v-.7359h.5935v.7359h.6257v.4592h-.6257v1.5496c0 .3142.1181.4431.4055.4431.0886 0 .1396-.0027.2202-.0108v.4646c-.094.0162-.2014.0296-.3142.0296z" />
- <path d="m11.0868 13.7217c-.8513 0-1.37232-.5801-1.37232-1.5227v-.0054c0-.9238.51832-1.5012 1.36962-1.5012.7332 0 1.1709.4136 1.2515.9802v.0134l-.5586.0027-.0027-.008c-.0645-.2874-.3008-.5022-.6875-.5022-.4861 0-.7788.3867-.7788 1.0151v.0054c0 .6445.2981 1.0366.7788 1.0366.3652 0 .5908-.1665.6848-.4807l.0054-.0134h.5586l-.0054.0241c-.1047.5667-.521.9561-1.2434.9561z" />
- <path d="m8.10291 13.7217c-.85401 0-1.36963-.5828-1.36963-1.5066v-.0027c0-.9104.52636-1.52 1.34008-1.52s1.31324.5881 1.31324 1.4636v.2041h-2.06787c.01074.5586.31689.8836.7976.8836.37329 0 .59619-.1854.66602-.3357l.01074-.0215.56128-.0027-.00537.0242c-.09668.384-.49951.8137-1.24609.8137zm-.02686-2.5513c-.39746 0-.69824.2713-.74927.7734h1.48242c-.04565-.5209-.33837-.7734-.73315-.7734z" />
- <path d="m4.97144 13.6653v-2.9165h.58276v.4404h.04297c.10473-.3088.37597-.4914.76538-.4914.09399 0 .19604.0134.25513.0268v.5371c-.10474-.0215-.20411-.0349-.31421-.0349-.4458 0-.74927.2739-.74927.6956v1.7429z" />
- <path d="m4.05542 10.2278c-.20142 0-.36523-.1638-.36523-.36257 0-.20141.16381-.36523.36523-.36523.19873 0 .36523.16382.36523.36523 0 .19877-.1665.36257-.36523.36257zm-.29272 3.4375v-2.9165h.58007v2.9165z" />
- <path d="m0 13.6653v-3.87526h1.39917c1.14941 0 1.82349.70896 1.82349 1.92556v.0053c0 1.23-.6687 1.9444-1.82349 1.9444zm.601562-.5183h.730468c.81104 0 1.27832-.5183 1.27832-1.418v-.0054c0-.8916-.47534-1.4153-1.27832-1.4153h-.730468z" />
- <path d="m24.7614 8.14795c-.638 0-1.1926-.0931-1.6638-.2793-.4711-.1862-.8421-.44759-1.1129-.78418-.2671-.34017-.4173-.73942-.4507-1.19775l-.0056-.08594h1.6193l.0056.05371c.0222.19336.1039.36345.2448.51026.1447.14323.3376.25602.5787.33837.2412.08236.5175.12354.8292.12354.3004 0 .5638-.04297.7901-.12891.2263-.08593.4025-.2041.5287-.35449.1298-.15397.1947-.32943.1947-.52637v-.00537c0-.25423-.1076-.45833-.3227-.6123-.2115-.15397-.5676-.28109-1.0684-.38135l-.8458-.1665c-.8347-.16472-1.4412-.43506-1.8196-.81104-.3784-.37597-.5676-.85758-.5676-1.44482v-.00537c0-.47982.1317-.89877.3951-1.25684.2634-.358072.625-.635579 1.085-.832519.4601-.200521.9868-.300781 1.5804-.300781.6232 0 1.1574.09847 1.6026.29541.4488.19336.7994.460124 1.0517.80029.2522.33659.3951.72152.4284 1.15479l.0056.06982h-1.5803l-.0112-.06445c-.0333-.1862-.115-.34912-.2448-.48877-.1261-.13965-.2968-.24886-.5119-.32764-.2115-.08235-.4582-.12353-.7401-.12353-.2745 0-.5157.03939-.7234.11816-.2078.07878-.3691.18978-.4841.33301-.115.13965-.1725.30615-.1725.49951v.00537c0 .25065.1038.45655.3116.61768.2114.15755.5527.28288 1.0239.37597l.8513.16651c.5676.111 1.0295.26139 1.3856.45117.3599.18978.6251.4279.7957.71436.1707.28645.256.63199.256 1.03662v.00537c0 .51204-.1317.95605-.3951 1.33203-.2597.3724-.6325.66243-1.1184.87012-.4823.2041-1.0573.30615-1.7251.30615z" />
- <path d="m17.3701 8.14795c-.7753 0-1.4449-.16471-2.0088-.49414s-.9979-.7985-1.3021-1.40723c-.3042-.60872-.4563-1.33203-.4563-2.16992v-.01074c0-.83789.1521-1.5612.4563-2.16992.3042-.60873.7364-1.076013 1.2965-1.401859.5639-.329427 1.2354-.494141 2.0144-.494141.6344 0 1.2038.119954 1.7083.359863.5082.239909.9182.571127 1.2298.993657.3116.42252.4934.90592.5453 1.45019v.06983h-1.6304l-.0056-.0376c-.0556-.29004-.1688-.54427-.3394-.7627-.1707-.222-.3858-.39388-.6455-.51562-.256-.12175-.5435-.18262-.8625-.18262-.4192 0-.7827.10921-1.0906.32764-.308.21484-.5454.52457-.7123.9292-.1632.40104-.2448.87907-.2448 1.43408v.01074c0 .55143.0816 1.02946.2448 1.43408.1669.40462.4043.71615.7123.93457.3079.21843.6733.32764 1.0962.32764.3227 0 .6102-.0555.8625-.1665.2559-.11459.4674-.27393.6343-.47803.1707-.20768.2838-.44938.3395-.7251l.0111-.04834h1.636v.06445c-.0594.54069-.243 1.01514-.5509 1.42334-.3079.40821-.7123.72868-1.2131.96143-.5008.22917-1.0758.34375-1.725.34375z" />
- <path d="m7.38684 7.94922v-7.75049h5.31966v1.3374h-3.63917v1.86914h3.43337v1.2461h-3.43337v1.96045h3.63917v1.3374z" />
- <path d="m.840246 7.94922v-1.2085h2.337114c.48597 0 .85508-.09668 1.10734-.29004.25597-.19336.38395-.47444.38395-.84326v-.01074c0-.23991-.05935-.44222-.17806-.60693-.115-.16472-.2875-.28825-.5175-.37061-.2263-.08594-.50452-.12891-.83469-.12891h-2.298154v-1.06884h2.103394c.45259 0 .79944-.08773 1.04058-.26319.24113-.17545.36169-.42252.36169-.74121v-.01074c0-.3151-.11129-.56038-.33387-.73584-.21887-.17904-.52863-.26855-.92928-.26855h-2.242514v-1.20313h2.670984c.52307 0 .96823.078777 1.33549.236329.37097.153971.65476.375976.85138.666011.20032.28646.30048.62842.30048 1.02588v.01075c0 .27213-.06492.52636-.19476.76269-.12613.23633-.29863.43327-.5175.59082s-.46557.25602-.74009.29541v.09668c.35614.02507.67146.12175.94598.29004.27822.16829.49524.38672.65105.65527.15952.26856.23927.56755.23927.89698v.01074c0 .45117-.11314.84326-.33943 1.17627-.22258.32942-.54162.58545-.9571.76806-.41178.17904-.90517.26856-1.48017.26856zm-.840246 0v-7.75049h1.68049v7.75049z" />
- </g>
- </svg>
-);
diff --git a/packages/js/onboarding/src/images/payment-methods/becs.svg b/packages/js/onboarding/src/images/payment-methods/becs.svg
new file mode 100644
index 00000000000..530d8687315
--- /dev/null
+++ b/packages/js/onboarding/src/images/payment-methods/becs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="29" height="14" fill="none" viewBox="-4 -2 35 18"><path fill="#757575" d="M28.332 13.684c-.642 0-.905-.225-.905-.787v-1.689h-.456v-.46h.456v-.735h.594v.736h.625v.459h-.625v1.55c0 .314.118.443.405.443.089 0 .14-.003.22-.011v.465a2 2 0 0 1-.314.03m-2.017-3.457a.365.365 0 0 1-.365-.363.366.366 0 0 1 .73 0 .367.367 0 0 1-.365.363m-.293 3.437V10.75h.58v2.916zm-1.694.049c-.409 0-.728-.188-.897-.508h-.043v.46h-.583V9.604h.583v1.606h.043c.155-.315.497-.513.897-.513.74 0 1.208.582 1.208 1.506v.006c0 .915-.473 1.504-1.208 1.504m-.164-.497c.486 0 .779-.382.779-1.007v-.006c0-.625-.293-1.007-.78-1.007s-.786.384-.786 1.007v.006c0 .623.3 1.007.787 1.007m-3.142.506c-.854 0-1.37-.583-1.37-1.507v-.003c0-.91.526-1.52 1.34-1.52s1.313.588 1.313 1.464v.204h-2.068c.011.559.317.884.798.884.373 0 .596-.186.666-.336l.01-.021.562-.003-.005.024c-.097.384-.5.814-1.247.814m-.027-2.552c-.398 0-.699.272-.75.774h1.483c-.046-.521-.339-.774-.733-.774m-4.949 2.495V9.79h1.4c1.148 0 1.823.709 1.823 1.926v.005c0 1.23-.67 1.944-1.824 1.944zm.601-.518h.731c.811 0 1.278-.518 1.278-1.418v-.005c0-.892-.475-1.416-1.278-1.416h-.73zm-2.726.537c-.642 0-.905-.225-.905-.787v-1.689h-.456v-.46h.456v-.735h.594v.736h.626v.459h-.626v1.55c0 .314.118.443.405.443.089 0 .14-.003.22-.011v.465c-.093.016-.2.03-.314.03m-2.833.037c-.851 0-1.373-.58-1.373-1.523v-.005c0-.924.519-1.502 1.37-1.502.733 0 1.171.414 1.252.98v.014l-.559.003-.003-.008c-.064-.288-.3-.502-.687-.502-.486 0-.779.386-.779 1.015v.005c0 .645.298 1.037.779 1.037.365 0 .59-.167.685-.481l.005-.013h.559l-.006.024c-.105.566-.52.956-1.243.956m-2.984 0c-.854 0-1.37-.583-1.37-1.507v-.003c0-.91.527-1.52 1.34-1.52s1.314.588 1.314 1.464v.204H7.319c.01.559.317.884.797.884.374 0 .597-.186.666-.336l.011-.021.561-.003-.005.024c-.097.384-.5.814-1.246.814m-.027-2.552c-.397 0-.698.272-.75.774H8.81c-.045-.521-.338-.774-.733-.774m-3.106 2.495V10.75h.583v.44h.043c.105-.309.376-.491.766-.491.094 0 .196.013.255.027v.537a1.5 1.5 0 0 0-.315-.035c-.445 0-.749.274-.749.695v1.743zm-.916-3.437a.365.365 0 0 1-.365-.363.366.366 0 0 1 .73 0 .367.367 0 0 1-.365.363m-.292 3.437V10.75h.58v2.916zm-3.763 0V9.79h1.4c1.149 0 1.823.709 1.823 1.926v.005c0 1.23-.669 1.944-1.824 1.944zm.602-.518h.73c.811 0 1.278-.518 1.278-1.418v-.005c0-.892-.475-1.416-1.278-1.416h-.73zm24.159-4.999q-.957 0-1.663-.28-.706-.279-1.113-.784a2.15 2.15 0 0 1-.451-1.197l-.006-.086h1.62l.005.053a.86.86 0 0 0 .245.51q.218.216.579.34.361.122.829.123.45 0 .79-.13.34-.128.529-.354a.8.8 0 0 0 .195-.526v-.005a.72.72 0 0 0-.323-.613q-.318-.23-1.069-.381l-.845-.167q-1.253-.247-1.82-.81-.567-.565-.568-1.445V2.39q0-.72.395-1.257t1.085-.832q.69-.3 1.58-.301.936 0 1.604.295.672.29 1.051.8.378.505.429 1.155l.005.07h-1.58l-.011-.064a.95.95 0 0 0-.245-.489 1.26 1.26 0 0 0-.512-.328 2 2 0 0 0-.74-.123q-.412 0-.724.118-.311.118-.484.333a.76.76 0 0 0-.172.5v.005q0 .376.311.618.318.236 1.024.376l.852.166q.852.167 1.385.451.54.285.796.715T28 5.634v.006q0 .768-.395 1.332-.39.558-1.119.87-.723.306-1.725.306m-7.391 0q-1.163 0-2.009-.494c-.846-.494-.998-.799-1.302-1.407q-.456-.914-.456-2.17v-.011q0-1.257.456-2.17A3.27 3.27 0 0 1 15.356.494Q16.202 0 17.37 0q.952 0 1.708.36.764.36 1.23.994.468.633.546 1.45v.07h-1.63l-.006-.038a1.76 1.76 0 0 0-.985-1.278 2 2 0 0 0-.863-.183q-.63 0-1.09.328-.462.321-.713.929-.245.6-.245 1.434v.01q0 .828.245 1.435.25.607.713.934.461.328 1.096.328.483 0 .862-.167.384-.17.635-.478.255-.31.339-.725l.011-.048h1.636v.064a2.83 2.83 0 0 1-.55 1.424 3.15 3.15 0 0 1-1.214.961q-.75.345-1.725.344M7.387 7.95V.198h5.32v1.337h-3.64v1.87h3.434V4.65H9.067v1.96h3.64v1.34zm-6.547 0V6.74h2.337q.729 0 1.108-.29.384-.29.384-.843v-.01q0-.36-.178-.607a1.03 1.03 0 0 0-.518-.37 2.4 2.4 0 0 0-.835-.13H.84V3.421h2.104q.679 0 1.04-.263.362-.263.362-.741v-.01q0-.473-.334-.737-.328-.268-.93-.268H.84V.199h2.671q.784 0 1.336.236.555.231.851.666.3.43.3 1.026v.01q0 .41-.194.763-.19.356-.518.591c-.328.235-.465.256-.74.296v.096q.534.038.946.29.417.253.651.656.24.402.24.897v.01q0 .677-.34 1.177-.334.494-.957.768-.618.268-1.48.268zm-.84 0V.198h1.68v7.75z"/></svg>
\ No newline at end of file
diff --git a/packages/js/onboarding/src/images/payment-methods/clearpay.js b/packages/js/onboarding/src/images/payment-methods/clearpay.js
deleted file mode 100644
index b5bc0c1c5d2..00000000000
--- a/packages/js/onboarding/src/images/payment-methods/clearpay.js
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement } from '@wordpress/element';
-
-export default () => (
- <svg
- width="64"
- height="40"
- viewBox="0 0 64 40"
- fill="none"
- xmlns="http://www.w3.org/2000/svg"
- >
- <path fill="#fff" d="M0 0h64v40H0z" />
- <path
- d="m48.47 17.208-3.827 7.897h-1.586l1.43-2.95-2.247-4.947h1.629l1.444 3.314 1.576-3.314h1.581ZM33.905 20.012c0-.906-.684-1.605-1.524-1.605s-1.525.675-1.525 1.605c0 .92.685 1.605 1.525 1.605.84 0 1.524-.699 1.524-1.605Zm-4.441 5.093v-7.897h1.378v.727a2.228 2.228 0 0 1 1.77-.83c1.515 0 2.704 1.245 2.704 2.893 0 1.647-1.213 2.902-2.737 2.902-.708 0-1.288-.278-1.695-.75v2.95h-1.42v.005ZM40.29 20.012c0-.944-.684-1.605-1.524-1.605s-1.524.675-1.524 1.605c0 .92.684 1.605 1.524 1.605s1.525-.666 1.525-1.605Zm.01 2.803v-.726a2.245 2.245 0 0 1-1.77.816c-1.538 0-2.704-1.232-2.704-2.893 0-1.647 1.213-2.903 2.737-2.903.718 0 1.322.316 1.737.807v-.708h1.379v5.607H40.3ZM26.976 17.756s.35-.652 1.213-.652c.368 0 .604.128.604.128v1.43s-.519-.321-.995-.255c-.477.066-.78.5-.78 1.086v3.322h-1.425v-5.607h1.379v.548h.004ZM59.175 16.892l-1.633-.934-1.657-.95c-1.095-.627-2.463.161-2.463 1.426v.213a.32.32 0 0 0 .165.283l.77.439a.319.319 0 0 0 .476-.279v-.505c0-.25.269-.406.486-.283l1.51.869 1.506.863a.324.324 0 0 1 0 .562l-1.506.864-1.51.868a.325.325 0 0 1-.486-.283v-.25c0-1.265-1.369-2.058-2.464-1.426l-1.657.949-1.633.934c-1.1.633-1.1 2.224 0 2.856l1.633.935 1.657.948c1.095.628 2.464-.16 2.464-1.425v-.212a.32.32 0 0 0-.165-.284l-.77-.439a.319.319 0 0 0-.476.279v.505c0 .25-.27.406-.487.283l-1.51-.868-1.506-.864a.324.324 0 0 1 0-.562l1.506-.863 1.51-.869a.325.325 0 0 1 .487.283v.25c0 1.265 1.368 2.058 2.463 1.426l1.657-.949 1.633-.934c1.1-.638 1.1-2.224 0-2.856ZM9.749 20.724C9.447 22.014 8.338 22.9 6.903 22.9 5.246 22.9 4 21.654 4 20.007c0-1.647 1.265-2.903 2.926-2.903 1.402 0 2.497.888 2.813 2.153H8.281a1.524 1.524 0 0 0-1.345-.84c-.83 0-1.525.684-1.525 1.59s.694 1.59 1.525 1.59a1.47 1.47 0 0 0 1.354-.873H9.75ZM10.405 22.81V14.9h1.411v7.91h-1.411ZM13.94 20.38c.1.83.694 1.298 1.444 1.298.595 0 1.053-.279 1.322-.727h1.444c-.335 1.19-1.402 1.95-2.803 1.95-1.695 0-2.88-1.19-2.88-2.88s1.256-2.912 2.913-2.912c1.67 0 2.879 1.232 2.879 2.912 0 .123-.01.246-.033.359H13.94Zm2.813-.878c-.099-.727-.694-1.166-1.388-1.166-.693 0-1.264.425-1.41 1.166h2.798ZM23.3 22.81v-.726c-.416.505-1.03.816-1.77.816-1.535 0-2.7-1.231-2.7-2.893 0-1.647 1.208-2.903 2.732-2.903.718 0 1.322.312 1.737.808v-.709h1.379v5.603h-1.379v.005Zm-.015-2.803c0-.94-.684-1.605-1.524-1.605s-1.525.67-1.525 1.605c0 .92.684 1.605 1.525 1.605.84 0 1.524-.66 1.524-1.605Z"
- fill="#000"
- />
- </svg>
-);
diff --git a/packages/js/onboarding/src/images/payment-methods/eps.js b/packages/js/onboarding/src/images/payment-methods/eps.js
deleted file mode 100644
index 69a38d0f09b..00000000000
--- a/packages/js/onboarding/src/images/payment-methods/eps.js
+++ /dev/null
@@ -1,28 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement } from '@wordpress/element';
-
-export default () => (
- <svg
- fill="none"
- height="18"
- viewBox="-6 0 37 18"
- width="25"
- xmlns="http://www.w3.org/2000/svg"
- >
- <path
- d="m22.0373 9.28464h-2.2258c-.2476 0-.449-.19932-.449-.44884s.2014-.46919.449-.46919h3.3886v-1.68918h-3.3886c-1.1827 0-2.145.97436-2.145 2.16656 0 1.19221.9623 2.16651 2.145 2.16651h2.1956c.2475 0 .449.1986.449.4481s-.2015.4333-.449.4333h-4.7082c-.3997.7711-.7884 1.4321-1.5774 1.7626h6.3158c1.1628-.0169 2.1141-1.0114 2.1141-2.1931 0-1.1815-.9513-2.15983-2.1141-2.17676z"
- fill="#71706f"
- />
- <path
- d="m13.5048 6.67743c-1.8865 0-3.423 1.56194-3.423 3.48117v.0735 7.168h1.7079v-3.7456h1.7116c1.8865 0 3.4176-1.5827 3.4176-3.502 0-1.91923-1.5275-3.47507-3.4141-3.47507zm0 5.21447h-1.7151v-1.7394c0-.97193.7658-1.76268 1.7151-1.76268.9494 0 1.7216.79075 1.7216 1.76268 0 .972-.7722 1.7394-1.7216 1.7394z"
- fill="#71706f"
- />
- <g fill="#c8036f">
- <path d="m4.67474 13.6544c-1.61489 0-2.97258-1.1628-3.33997-2.682 0 0-.10615-.5023-.10615-.833 0-.33075.10048-.83821.10048-.83821.37004-1.51541 1.72606-2.64386 3.3383-2.64386 1.8962 0 3.45215 1.55765 3.45215 3.47377v.8427h-5.03783c.29751.5875.89917.918 1.59302.918h4.52876l.00621-4.96908c0-.74085-.59977-1.34698-1.3329-1.34698h-6.41882c-.73313 0-1.332975.58777-1.332975 1.32862v6.48634c0 .7409.599845 1.3654 1.332975 1.3654h6.41882c.65791 0 1.20674-.4774 1.31277-1.1017z" />
- <path d="m4.66735 8.30615c-.69116 0-1.29224.42759-1.59095.97841h3.18197c-.2987-.55082-.89975-.97841-1.59102-.97841z" />
- <path d="m7.57446 3.46644c0-1.5831-1.30195-2.866434-2.90794-2.866434-1.57939 0-2.86393 1.241364-2.90612 2.788174-.00069.00654-.00015.01289-.00015.01961v.86141c0 .10304.08304.2049.18755.2049h1.06985c.10451 0 .19615-.10186.19615-.2049v-.80276c0-.79054.65156-1.43372 1.45356-1.43372.80199 0 1.45355.64318 1.45355 1.43372v.80276c0 .10304.08478.2049.18929.2049h1.06988c.10451 0 .19438-.10186.19438-.2049z" />
- </g>
- </svg>
-);
diff --git a/packages/js/onboarding/src/images/payment-methods/eps.svg b/packages/js/onboarding/src/images/payment-methods/eps.svg
new file mode 100644
index 00000000000..1e46d25fac6
--- /dev/null
+++ b/packages/js/onboarding/src/images/payment-methods/eps.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="25" height="18" fill="none" viewBox="-6 0 37 18"><path fill="#71706f" d="M22.037 9.285h-2.226c-.247 0-.449-.2-.449-.45s.202-.468.45-.468H23.2v-1.69h-3.388c-1.183 0-2.146.975-2.146 2.167s.963 2.167 2.145 2.167h2.196c.248 0 .45.198.45.448s-.202.433-.45.433H17.3c-.4.771-.789 1.432-1.578 1.763h6.316c1.163-.017 2.114-1.012 2.114-2.194s-.95-2.16-2.114-2.176"/><path fill="#71706f" d="M13.505 6.677c-1.887 0-3.423 1.562-3.423 3.482V17.4h1.708v-3.746h1.71c1.887 0 3.418-1.582 3.418-3.502s-1.528-3.475-3.414-3.475m0 5.215H11.79v-1.74c0-.971.766-1.762 1.715-1.762s1.721.79 1.721 1.762c0 .973-.772 1.74-1.721 1.74"/><g fill="#c8036f"><path d="M4.675 13.654c-1.615 0-2.973-1.162-3.34-2.682 0 0-.106-.502-.106-.833s.1-.838.1-.838c.37-1.515 1.726-2.644 3.338-2.644 1.897 0 3.453 1.558 3.453 3.474v.843H3.082c.297.587.899.918 1.593.918h4.529l.006-4.97c0-.74-.6-1.346-1.333-1.346H1.458c-.733 0-1.333.588-1.333 1.328v6.487c0 .74.6 1.365 1.333 1.365h6.419c.658 0 1.207-.477 1.313-1.102z"/><path d="M4.667 8.306c-.69 0-1.292.428-1.59.979h3.181c-.298-.551-.9-.979-1.59-.979m2.906-4.84C7.574 1.883 6.273.6 4.667.6 3.087.6 1.803 1.841 1.76 3.388v.881c0 .103.083.205.188.205h1.07c.104 0 .196-.102.196-.205v-.803c0-.79.651-1.433 1.453-1.433s1.454.643 1.454 1.433v.803c0 .103.085.205.19.205h1.07c.104 0 .193-.102.193-.205z"/></g></svg>
\ No newline at end of file
diff --git a/packages/js/onboarding/src/images/payment-methods/grabpay.js b/packages/js/onboarding/src/images/payment-methods/grabpay.js
deleted file mode 100644
index c520ab51a25..00000000000
--- a/packages/js/onboarding/src/images/payment-methods/grabpay.js
+++ /dev/null
@@ -1,33 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement } from '@wordpress/element';
-
-export default () => (
- <svg
- xmlns="http://www.w3.org/2000/svg"
- xmlSpace="preserve"
- width="64"
- x="0"
- y="0"
- version="1.1"
- viewBox="0 0 34 21.2"
- >
- <path
- fill="#00B14F"
- d="M32.4 21.2H1.6c-.9 0-1.6-.7-1.6-1.6v-18C0 .7.7 0 1.6 0h30.8c.9 0 1.6.7 1.6 1.6v18c0 .9-.7 1.6-1.6 1.6z"
- />
- <g fill="#FFF">
- <path d="M11.3 10.4v.3c0 1.8.7 3.4 1.9 4.6 1.2 1.2 2.8 1.9 4.5 1.9 1.4 0 2.6-.3 3.7-.9.9-.5 1.2-1 1.3-1.1V9.8h-5.2v1h4.2v4.1c-.5.5-1.6 1.3-3.9 1.3-1.5 0-2.8-.6-3.9-1.6-1-1-1.6-2.4-1.6-3.9v-.3c0-1.4.6-2.8 1.7-3.8C15.1 5.5 16.6 5 18.1 5c1.4 0 2.4.2 3.2.7V4.5c-.7-.3-1.7-.5-3.1-.5-3.7 0-6.9 2.9-6.9 6.4" />
- <path d="M21.4 7.6V6.4c-.9-.5-1.9-.7-3.2-.7-1.3 0-2.6.5-3.6 1.4-1 .9-1.5 2.1-1.5 3.3v.3c0 2.6 2.1 4.7 4.7 4.7 2.1 0 2.9-.7 3.2-.9v-3h-3.4v1H20V14c-.3.1-1 .4-2.2.4-1 0-1.9-.4-2.6-1.1-.7-.7-1.1-1.6-1.1-2.6v-.3c0-2 1.9-3.7 4.1-3.7 1.5 0 2.5.2 3.2.9" />
- </g>
- <g fill="none">
- <path d="M0 10.4v.3c0 1.8.7 3.4 1.9 4.6 1.2 1.2 2.8 1.9 4.5 1.9 1.4 0 2.6-.3 3.7-.9.9-.5 1.2-1 1.3-1.1V9.8H6.2v1h4.2v4.1c-.5.5-1.6 1.3-3.9 1.3-1.5 0-2.8-.6-3.9-1.6-1-1-1.6-2.4-1.6-3.9v-.3c0-1.4.6-2.8 1.7-3.8C3.8 5.5 5.3 5 6.8 5c1.4 0 2.4.2 3.2.7V4.5C9.3 4.2 8.3 4 6.9 4 3.1 4 0 6.9 0 10.4" />
- <path d="M10.1 7.6V6.4c-.9-.5-1.9-.7-3.2-.7-1.3 0-2.6.5-3.6 1.4-1 .9-1.5 2.1-1.5 3.3v.3c0 2.6 2.1 4.7 4.7 4.7 2.1 0 2.9-.7 3.2-.9v-3H6.2v1h2.5V14c-.3.1-1 .4-2.2.4-1 0-1.9-.4-2.6-1.1-.7-.7-1.1-1.6-1.1-2.6v-.3c0-2 1.9-3.7 4.1-3.7 1.5 0 2.4.2 3.2.9" />
- </g>
- <g fill="none">
- <path d="M22.7 10.4v.3c0 1.8.7 3.4 1.9 4.6 1.2 1.2 2.8 1.9 4.5 1.9 1.4 0 2.6-.3 3.7-.9.9-.5 1.2-1 1.3-1.1V9.8h-5.2v1H33v4.1c-.5.5-1.6 1.3-3.9 1.3-1.5 0-2.8-.6-3.9-1.6-1-1-1.6-2.4-1.6-3.9v-.3c0-1.4.6-2.8 1.7-3.8C26.4 5.5 27.9 5 29.4 5c1.4 0 2.4.2 3.2.7V4.5c-.7-.3-1.7-.5-3.1-.5-3.7 0-6.8 2.9-6.8 6.4" />
- <path d="M32.8 7.6V6.4c-.9-.5-1.9-.7-3.2-.7-1.3 0-2.6.5-3.6 1.4-1 .9-1.5 2.1-1.5 3.3v.3c0 2.6 2.1 4.7 4.7 4.7 2.1 0 2.9-.7 3.2-.9v-3H29v1h2.5V14c-.3.1-1 .4-2.2.4-1 0-1.9-.4-2.6-1.1-.7-.7-1.1-1.6-1.1-2.6v-.3c0-2 1.9-3.7 4.1-3.7 1.4 0 2.3.2 3.1.9" />
- </g>
- </svg>
-);
diff --git a/packages/js/onboarding/src/images/payment-methods/grabpay.svg b/packages/js/onboarding/src/images/payment-methods/grabpay.svg
new file mode 100644
index 00000000000..45a66e144a6
--- /dev/null
+++ b/packages/js/onboarding/src/images/payment-methods/grabpay.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="64" viewBox="0 0 34 21.2"><path fill="#00B14F" d="M32.4 21.2H1.6c-.9 0-1.6-.7-1.6-1.6v-18C0 .7.7 0 1.6 0h30.8c.9 0 1.6.7 1.6 1.6v18c0 .9-.7 1.6-1.6 1.6"/><g fill="#FFF"><path d="M11.3 10.4v.3c0 1.8.7 3.4 1.9 4.6s2.8 1.9 4.5 1.9c1.4 0 2.6-.3 3.7-.9.9-.5 1.2-1 1.3-1.1V9.8h-5.2v1h4.2v4.1c-.5.5-1.6 1.3-3.9 1.3-1.5 0-2.8-.6-3.9-1.6-1-1-1.6-2.4-1.6-3.9v-.3c0-1.4.6-2.8 1.7-3.8C15.1 5.5 16.6 5 18.1 5c1.4 0 2.4.2 3.2.7V4.5c-.7-.3-1.7-.5-3.1-.5-3.7 0-6.9 2.9-6.9 6.4"/><path d="M21.4 7.6V6.4c-.9-.5-1.9-.7-3.2-.7s-2.6.5-3.6 1.4-1.5 2.1-1.5 3.3v.3c0 2.6 2.1 4.7 4.7 4.7 2.1 0 2.9-.7 3.2-.9v-3h-3.4v1H20V14c-.3.1-1 .4-2.2.4-1 0-1.9-.4-2.6-1.1s-1.1-1.6-1.1-2.6v-.3c0-2 1.9-3.7 4.1-3.7 1.5 0 2.5.2 3.2.9"/></g><g fill="none"><path d="M0 10.4v.3c0 1.8.7 3.4 1.9 4.6s2.8 1.9 4.5 1.9c1.4 0 2.6-.3 3.7-.9.9-.5 1.2-1 1.3-1.1V9.8H6.2v1h4.2v4.1c-.5.5-1.6 1.3-3.9 1.3-1.5 0-2.8-.6-3.9-1.6-1-1-1.6-2.4-1.6-3.9v-.3c0-1.4.6-2.8 1.7-3.8C3.8 5.5 5.3 5 6.8 5c1.4 0 2.4.2 3.2.7V4.5C9.3 4.2 8.3 4 6.9 4 3.1 4 0 6.9 0 10.4"/><path d="M10.1 7.6V6.4c-.9-.5-1.9-.7-3.2-.7s-2.6.5-3.6 1.4-1.5 2.1-1.5 3.3v.3c0 2.6 2.1 4.7 4.7 4.7 2.1 0 2.9-.7 3.2-.9v-3H6.2v1h2.5V14c-.3.1-1 .4-2.2.4-1 0-1.9-.4-2.6-1.1s-1.1-1.6-1.1-2.6v-.3c0-2 1.9-3.7 4.1-3.7 1.5 0 2.4.2 3.2.9"/></g><g fill="none"><path d="M22.7 10.4v.3c0 1.8.7 3.4 1.9 4.6s2.8 1.9 4.5 1.9c1.4 0 2.6-.3 3.7-.9.9-.5 1.2-1 1.3-1.1V9.8h-5.2v1H33v4.1c-.5.5-1.6 1.3-3.9 1.3-1.5 0-2.8-.6-3.9-1.6-1-1-1.6-2.4-1.6-3.9v-.3c0-1.4.6-2.8 1.7-3.8C26.4 5.5 27.9 5 29.4 5c1.4 0 2.4.2 3.2.7V4.5c-.7-.3-1.7-.5-3.1-.5-3.7 0-6.8 2.9-6.8 6.4"/><path d="M32.8 7.6V6.4c-.9-.5-1.9-.7-3.2-.7S27 6.2 26 7.1s-1.5 2.1-1.5 3.3v.3c0 2.6 2.1 4.7 4.7 4.7 2.1 0 2.9-.7 3.2-.9v-3H29v1h2.5V14c-.3.1-1 .4-2.2.4-1 0-1.9-.4-2.6-1.1s-1.1-1.6-1.1-2.6v-.3c0-2 1.9-3.7 4.1-3.7 1.4 0 2.3.2 3.1.9"/></g></svg>
\ No newline at end of file
diff --git a/packages/js/onboarding/src/images/payment-methods/ideal.js b/packages/js/onboarding/src/images/payment-methods/ideal.js
deleted file mode 100644
index 296de12a4e3..00000000000
--- a/packages/js/onboarding/src/images/payment-methods/ideal.js
+++ /dev/null
@@ -1,42 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement } from '@wordpress/element';
-
-export default () => (
- <svg
- xmlns="http://www.w3.org/2000/svg"
- width="20"
- height="18"
- fill="none"
- viewBox="-2 -2 24 22"
- >
- <g clipPath="url(#clip0_10440_1654)">
- <path
- fill="#fff"
- d="M0 1.305v15a1.31 1.31 0 0 0 1.305 1.305h8.962c6.775 0 9.712-3.792 9.712-8.825C19.98 3.78 17.042 0 10.267 0H1.305A1.31 1.31 0 0 0 0 1.305"
- ></path>
- <path
- fill="#C06"
- d="M5.998 3.681v11.083h4.824c4.38 0 6.279-2.474 6.279-5.972 0-3.348-1.9-5.946-6.28-5.946H6.835a.837.837 0 0 0-.836.835"
- ></path>
- <path
- fill="#000"
- d="M10.267 16.416H2.474a1.254 1.254 0 0 1-1.253-1.254V2.454c0-.692.56-1.253 1.253-1.253h7.793c7.395 0 8.498 4.758 8.498 7.591 0 4.915-3.022 7.624-8.498 7.624M2.474 1.619a.833.833 0 0 0-.836.835v12.708c0 .464.372.836.836.836h7.793c5.209 0 8.08-2.559 8.08-7.206 0-6.24-5.064-7.173-8.08-7.173z"
- ></path>
- <path
- fill="#fff"
- d="M7.695 7.297q.253 0 .477.079c.15.052.274.137.385.241q.157.168.255.405.089.243.091.574-.002.292-.072.535a1.3 1.3 0 0 1-.222.425 1.1 1.1 0 0 1-.372.28c-.15.066-.326.105-.528.105H6.566V7.29h1.13zm-.039 2.16a.8.8 0 0 0 .248-.038.5.5 0 0 0 .21-.138.8.8 0 0 0 .15-.248c.038-.104.058-.221.058-.372 0-.13-.013-.254-.04-.359a.7.7 0 0 0-.13-.274.6.6 0 0 0-.235-.176 1 1 0 0 0-.359-.059h-.417v1.671h.515zM11.26 7.297v.49H9.861v.568h1.286v.45H9.862v.646h1.43v.49h-2.01V7.29h1.977zM13.257 7.297l.992 2.65h-.607l-.203-.587h-.992l-.209.587h-.587l.999-2.65zm.032 1.625-.333-.972h-.006l-.346.972zM15.195 7.297v2.16h1.292v.49h-1.873v-2.65z"
- ></path>
- <path
- fill="#000"
- d="M3.818 9.843a1.22 1.22 0 1 0 0-2.441 1.22 1.22 0 0 0 0 2.44M4.739 14.764a1.845 1.845 0 0 1-1.848-1.847v-1.442a.926.926 0 1 1 1.854 0v3.29z"
- ></path>
- </g>
- <defs>
- <clipPath id="clip0_10440_1654">
- <path fill="#fff" d="M0 0h19.979v17.61H0z"></path>
- </clipPath>
- </defs>
- </svg>
-);
diff --git a/packages/js/onboarding/src/images/payment-methods/ideal.svg b/packages/js/onboarding/src/images/payment-methods/ideal.svg
new file mode 100644
index 00000000000..0dcef9def66
--- /dev/null
+++ b/packages/js/onboarding/src/images/payment-methods/ideal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="18" fill="none" viewBox="-2 -2 24 22"><g clip-path="url(#a)"><path fill="#fff" d="M0 1.305v15a1.31 1.31 0 0 0 1.305 1.305h8.962c6.775 0 9.712-3.792 9.712-8.825C19.98 3.78 17.042 0 10.267 0H1.305A1.31 1.31 0 0 0 0 1.305"/><path fill="#C06" d="M5.998 3.681v11.083h4.824c4.38 0 6.279-2.474 6.279-5.972 0-3.348-1.9-5.946-6.28-5.946H6.835a.837.837 0 0 0-.836.835"/><path fill="#000" d="M10.267 16.416H2.474a1.254 1.254 0 0 1-1.253-1.254V2.454c0-.692.56-1.253 1.253-1.253h7.793c7.395 0 8.498 4.758 8.498 7.591 0 4.915-3.022 7.624-8.498 7.624M2.474 1.619a.833.833 0 0 0-.836.835v12.708c0 .464.372.836.836.836h7.793c5.209 0 8.08-2.559 8.08-7.206 0-6.24-5.064-7.173-8.08-7.173z"/><path fill="#fff" d="M7.695 7.297q.253 0 .477.079c.15.052.274.137.385.241q.157.168.255.405.089.243.091.574-.002.292-.072.535a1.3 1.3 0 0 1-.222.425 1.1 1.1 0 0 1-.372.28 1.3 1.3 0 0 1-.528.105H6.566V7.29h1.13zm-.039 2.16a.8.8 0 0 0 .248-.038.5.5 0 0 0 .21-.138.8.8 0 0 0 .15-.248c.038-.104.058-.221.058-.372 0-.13-.013-.254-.04-.359a.7.7 0 0 0-.13-.274.6.6 0 0 0-.235-.176 1 1 0 0 0-.359-.059h-.417v1.671h.515zm3.604-2.16v.49H9.861v.568h1.286v.45H9.862v.646h1.43v.49h-2.01V7.29h1.977zm1.997 0 .992 2.65h-.607l-.203-.587h-.992l-.209.587h-.587l.999-2.65zm.032 1.625-.333-.972h-.006l-.346.972zm1.906-1.625v2.16h1.292v.49h-1.873v-2.65z"/><path fill="#000" d="M3.818 9.843a1.22 1.22 0 1 0 0-2.441 1.22 1.22 0 0 0 0 2.44m.921 4.922a1.845 1.845 0 0 1-1.848-1.847v-1.442a.926.926 0 1 1 1.854 0v3.29z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h19.979v17.61H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/packages/js/onboarding/src/images/payment-methods/klarna.js b/packages/js/onboarding/src/images/payment-methods/klarna.js
deleted file mode 100644
index 6f4b2789492..00000000000
--- a/packages/js/onboarding/src/images/payment-methods/klarna.js
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement } from '@wordpress/element';
-
-export default () => (
- <svg
- width="64"
- height="40"
- viewBox="0 0 64 40"
- fill="none"
- xmlns="http://www.w3.org/2000/svg"
- style={ { background: '#FFB3C7' } }
- >
- <rect width="64" height="40" fill="#FFB3C7" />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M57.4626 23.0076C56.6136 23.0076 55.9253 23.7021 55.9253 24.5588C55.9253 25.4154 56.6136 26.1101 57.4626 26.1101C58.3116 26.1101 59 25.4155 59 24.5588C59 23.702 58.3116 23.0076 57.4626 23.0076ZM52.4048 21.8083C52.4048 20.6353 51.4112 19.6846 50.1855 19.6846C48.9599 19.6846 47.9662 20.6353 47.9662 21.8083C47.9662 22.9812 48.9597 23.9322 50.1855 23.9322C51.4113 23.9322 52.4048 22.9812 52.4048 21.8083ZM52.413 17.6807H54.8622V25.9355H52.413V25.4079C51.7211 25.8841 50.8858 26.164 49.985 26.164C47.601 26.164 45.6684 24.2139 45.6684 21.8082C45.6684 19.4025 47.601 17.4525 49.985 17.4525C50.8858 17.4525 51.7211 17.7324 52.413 18.2088V17.6807ZM32.8122 18.756V17.6808H30.3045V25.9355H32.8178V22.0815C32.8178 20.7812 34.2145 20.0823 35.1835 20.0823C35.1935 20.0823 35.2027 20.0833 35.2127 20.0834V17.6815C34.218 17.6815 33.3032 18.1111 32.8122 18.756ZM26.5656 21.8083C26.5656 20.6353 25.572 19.6847 24.3463 19.6847C23.1206 19.6847 22.1269 20.6354 22.1269 21.8083C22.1269 22.9813 23.1206 23.9322 24.3463 23.9322C25.572 23.9322 26.5656 22.9813 26.5656 21.8083ZM26.5737 17.6807H29.0231V25.9355H26.5737V25.408C25.8818 25.8841 25.0466 26.1641 24.1458 26.1641C21.7618 26.1641 19.8291 24.2139 19.8291 21.8082C19.8291 19.4026 21.7618 17.4526 24.1458 17.4526C25.0466 17.4526 25.8818 17.7325 26.5737 18.2088V17.6807ZM41.3162 17.4587C40.3378 17.4587 39.4117 17.7652 38.7927 18.6109V17.6812H36.3539V25.9356H38.8226V21.5977C38.8226 20.3424 39.6568 19.7277 40.6613 19.7277C41.7378 19.7277 42.3566 20.3766 42.3566 21.5806V25.9356H44.803V20.6863C44.803 18.7653 43.2894 17.4587 41.3162 17.4587ZM16.2614 25.9356H18.825V14.0022H16.2614V25.9356ZM5 25.9389H7.71458V14H5V25.9389ZM14.4947 14C14.4947 16.5847 13.4965 18.9891 11.7178 20.7762L15.4701 25.9393H12.1173L8.03934 20.3282L9.09178 19.5328C10.8371 18.2136 11.8382 16.197 11.8382 14L14.4947 14Z"
- fill="#0A0B09"
- />
- </svg>
-);
diff --git a/packages/js/onboarding/src/images/payment-methods/klarna.svg b/packages/js/onboarding/src/images/payment-methods/klarna.svg
new file mode 100644
index 00000000000..5e64a864375
--- /dev/null
+++ b/packages/js/onboarding/src/images/payment-methods/klarna.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="40" fill="none" viewBox="0 0 64 40"><path fill="#FFB3C7" d="M0 0h64v40H0z"/><path fill="#0A0B09" fill-rule="evenodd" d="M57.463 23.008c-.85 0-1.538.694-1.538 1.55s.689 1.552 1.538 1.552S59 25.416 59 24.56s-.688-1.551-1.537-1.551m-5.058-1.2c0-1.173-.994-2.123-2.22-2.123-1.225 0-2.219.95-2.219 2.123s.994 2.124 2.22 2.124c1.225 0 2.219-.95 2.219-2.124m.008-4.127h2.45v8.255h-2.45v-.528a4.27 4.27 0 0 1-2.428.756c-2.384 0-4.317-1.95-4.317-4.356s1.933-4.355 4.317-4.355c.9 0 1.736.28 2.428.756zm-19.6 1.075v-1.075h-2.509v8.255h2.514V22.08c0-1.3 1.397-1.999 2.366-1.999l.029.001v-2.401c-.995 0-1.91.43-2.4 1.074m-6.247 3.052c0-1.173-.994-2.123-2.22-2.123-1.225 0-2.22.95-2.22 2.123s.995 2.124 2.22 2.124 2.22-.95 2.22-2.124m.008-4.127h2.45v8.255h-2.45v-.528a4.27 4.27 0 0 1-2.428.756c-2.384 0-4.317-1.95-4.317-4.356s1.933-4.355 4.317-4.355c.9 0 1.736.28 2.428.756zm14.742-.222c-.978 0-1.904.306-2.523 1.152v-.93h-2.44v8.255h2.47v-4.338c0-1.256.834-1.87 1.838-1.87 1.077 0 1.696.649 1.696 1.853v4.355h2.446v-5.25c0-1.92-1.514-3.227-3.487-3.227m-25.055 8.477h2.564V14.002h-2.564zM5 25.939h2.715V14H5zM14.495 14c0 2.585-.998 4.99-2.777 6.776l3.752 5.163h-3.353L8.04 20.33l1.053-.796A6.88 6.88 0 0 0 11.838 14z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/js/onboarding/src/images/payment-methods/przelewy24.js b/packages/js/onboarding/src/images/payment-methods/przelewy24.js
deleted file mode 100644
index 9351582d9e6..00000000000
--- a/packages/js/onboarding/src/images/payment-methods/przelewy24.js
+++ /dev/null
@@ -1,57 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement } from '@wordpress/element';
-
-export default () => (
- <svg
- fill="none"
- height="10"
- viewBox="-2 -2 34 14"
- width="30"
- xmlns="http://www.w3.org/2000/svg"
- >
- <g fill="#d13239">
- <path d="m6.82968 5.74247 2.3812-.0048-.08641.54249-1.99234 1.89633h1.67068l-.09601.5809h-2.45802l.10082-.60011 1.90592-1.82911h-1.52186z" />
- <path d="m4.23251 4.81598c-.05281-.05281-.12482-.09602-.20643-.12962-.08642-.03361-.18244-.05761-.27845-.07682-.12002-.0192-.23524-.0288-.31686-.0336-.07681-.0048-.12482-.0048-.12482-.0048h-1.04177-.77294l-.691313 4.18631h.648113l.25444-1.55066 1.25781.0048s.48969.0192.83535-.16323.44167-.6001.44167-.6001.03841-.15363.07201-.34566c.03361-.20644.07202-.45608.08642-.5905.0096-.05761.0144-.09602.0144-.09602s.0096-.04321.0096-.11042c0-.09121-.0144-.23044-.08641-.36486-.03361-.04321-.06241-.08642-.10082-.12482zm-.49928.73932c0 .00961-.05761.34566-.13443.74413-.0288.15363-.14402.23524-.27844.26405-.22084.048-.46088.0384-.46088.0384l-1.05138-.0048.23044-1.39224.95056.0048h.15363c.10081 0 .23524.00481.35045.01921.09602.0144.17283.0336.19684.06241.0336.03841.04321.09121.04801.13922.0048.06241-.0048.12002-.0048.12482z" />
- <path d="m12.4323 4.57114h.6241l-.6961 4.18631h-.6241z" />
- <path d="m15.7593 5.74247.6001-.0048.2112 2.12676.917-2.12676h.7393l.216 2.13636.917-2.13636h.6241l-1.3202 3.01972h-.7346l-.2112-2.11236-.9313 2.11236h-.7202z" />
- <path d="m11.2849 5.76652c-.1729-.05761-.4753-.06721-.7346-.06721-.2496.0048-.36.0144-.456.03361 0 0-.4417.06241-.69135.37446-.24964.31205-.32645.98897-.32645.98897s-.14883.74893-.10562.99857.12002.48008.40327.5905.52329.10562.52329.10562.50406.0384.88336-.04801c.3793-.08642.5809-.35526.5809-.35526s.0912-.11522.1536-.25445c.0624-.13922.0816-.23044.0864-.24484l.0384-.16323h-.6481s-.0336.42728-.384.46568c-.3505.03841-.5329.02401-.6049.01921-.06725-.0048-.44172.0144-.41291-.29765 0-.0048 0-.00961 0-.01921.0144-.35526.05761-.44647.05761-.44647l2.0307-.0048.0865-.50409c.1104-.5713.0384-1.00337-.4801-1.1714zm-.1392 1.09939h-1.39229l.05281-.22084s.04801-.17283.14403-.24484c.09605-.07201.22085-.08642.33605-.09602s.4225-.0336.6769.01921c.0816.0144.1632.06241.1825.13442.0528.15843 0 .40807 0 .40807z" />
- <path d="m9.60467 7.89804v.0144c-.0048.02401 0-.0144 0-.0144z" />
- <path d="m15.1112 5.76652c-.1729-.05761-.4753-.06721-.7346-.06721-.2496.0048-.36.0144-.456.03361 0 0-.4417.06241-.6914.37446-.2496.31205-.3264.98897-.3264.98897s-.1488.74893-.1056.99857.12.48008.4032.5905c.2833.11042.5233.10562.5233.10562s.5041.0384.8834-.04801c.3792-.09122.5809-.35526.5809-.35526s.0912-.11522.1536-.25445c.0624-.13922.0816-.23044.0864-.24484l.0384-.16323h-.6481s-.0336.42728-.384.46568c-.3505.03841-.5329.02401-.6049.02401-.0673-.0048-.4417.0144-.4129-.29765 0-.0048 0-.0096 0-.01921.0144-.35526.0576-.44647.0576-.44647l2.0307-.0048.0865-.50409c.1104-.5713.0432-1.00817-.4801-1.1762zm-.1393 1.09939h-1.3922l.0528-.22084s.048-.17283.144-.24484c.0961-.07201.2209-.08642.3361-.09602s.4225-.0336.6769.01921c.0816.0144.1632.06241.1824.13442.0529.15843 0 .40807 0 .40807z" />
- <path d="m20.6993 5.74251.3985 2.20838 1.1282-2.20838.6337.0048-1.6275 3.15414s-.2929.5713-.4753.71532c-.1824.14403-.2928.21124-.4417.22564-.1488.0144-.2112.024-.3504 0l-.1536-.0288.096-.5617s.2544.04801.4032-.0144c.1489-.05761.2689-.31686.2689-.31686l.0768-.12962-.5905-3.05812z" />
- </g>
- <path
- d="m23.0949 6.04013h.6529l.0384-.25444s.072-.46088.2256-.54729c.048-.02881.1296-.05281.2257-.07202.1728-.0288.3888-.0336.5665-.0288.2736.0096.3744.0144.6529.04321.2784.0336.2064.29765.2064.29765l-.0528.39847s-.024.17763-.0864.28804c-.0576.10082-.2113.16803-.3025.19684-.216.07201-.9553.25924-.9553.25924l-.5809.16803s-.3553.10562-.5569.32166c-.2017.22083-.2785.47048-.3073.6049-.0288.12962-.1824 1.03697-.1824 1.03697h3.1349l.1056-.6241-2.4772.0048.0432-.25444s.0288-.26405.1345-.35046c.0336-.02881.048-.06241.2496-.13443.12-.0432.5233-.14882.5233-.14882l.9361-.25444s.5089-.12963.7106-.41287c.2016-.27845.2784-.81134.2784-.81134s.0528-.51849.0144-.68172c-.0432-.16323-.1968-.35526-.3792-.44167-.1873-.08162-.3793-.13443-.9458-.12483-.5617.00961-.845.03361-1.1282.13923-.2881.10562-.4513.29765-.5569.56649-.12.26405-.1872.81614-.1872.81614z"
- fill="#b3b2b1"
- />
- <path
- d="m28.9952 7.20675.4416-2.63085h-.7777l-2.4244 2.60204-.1104.65771h2.1171l-.1536.92656h.6529l.1536-.92656h.6001l.1057-.6289zm-.6434 0h-1.3682l1.6659-1.77631z"
- fill="#b3b2b1"
- />
- <path
- d="m5.60559 4.91679h1.99714s.44648-.36006.76333-.5953c.31685-.23044.89775-.6001.89775-.6001l-1.12819-.52809s-.95536.5905-1.35863.86895c-.39367.25924-1.1714.85454-1.1714.85454z"
- fill="#b3b2b1"
- />
- <path
- d="m9.89262 3.35168-.92656-.62411s.83535-.47528 1.95394-.92175c1.1138-.44168 1.7091-.62891 1.7091-.62891l.1872.88335s-1.0706.36006-1.6851.64811c-.6337.27365-1.23858.64331-1.23858.64331z"
- fill="#b3b2b1"
- />
- <path
- d="m13.5028 1.8682-.1632-.902551s1.1426-.302452 2.1892-.499286c1.0466-.196833 2.434-.288049 2.434-.288049l-.4609 1.397036s-1.2194-.16803-2.3668-.0096c-.8881.10562-1.6323.30245-1.6323.30245z"
- fill="#b3b2b1"
- />
- <path
- d="m18.2317 1.69538.7729-1.550666s1.6899-.033605 3.1494.192033c1.4594.225639 2.794.571297 2.7652.5857l-3.7014 1.934733s-.8641-.5473-1.9395-.88335c-.6049-.17763-1.0466-.27845-1.0466-.27845z"
- fill="#b3b2b1"
- />
- <path
- d="m21.885 3.2797.8113.6193h6.6828s-.0144-.21603-.192-.52328c-.1105-.19204-.3121-.39367-.5233-.60491-.0768-.07681-.3841-.31685-.6145-.46568-.5905-.38406-.9218-.53289-1.5315-.80653z"
- fill="#b3b2b1"
- />
- <path
- d="m6.03769 5.73767c-.24965 0-.48969.10082-.69132.21124l.0336-.21124h-.66251l-.53289 3.00531h.66731l.29285-1.66588c.06241-.33606.31206-.75373.80654-.75373h.34566l.10562-.5857z"
- fill="#d13239"
- />
- </svg>
-);
diff --git a/packages/js/onboarding/src/images/payment-methods/przelewy24.svg b/packages/js/onboarding/src/images/payment-methods/przelewy24.svg
new file mode 100644
index 00000000000..d5a77b02e12
--- /dev/null
+++ b/packages/js/onboarding/src/images/payment-methods/przelewy24.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="10" fill="none" viewBox="-2 -2 34 14"><g fill="#d13239"><path d="m6.83 5.742 2.38-.004-.086.542-1.992 1.896h1.67l-.095.581H6.249l.1-.6 1.907-1.829H6.734zm-2.597-.926a.6.6 0 0 0-.207-.13 2 2 0 0 0-.278-.076 3 3 0 0 0-.317-.034c-.077-.005-.125-.005-.125-.005H1.491L.8 8.757h.648l.254-1.55 1.258.005s.49.019.836-.164.441-.6.441-.6.039-.153.072-.345a14 14 0 0 0 .101-.687s.01-.043.01-.11a.8.8 0 0 0-.087-.365c-.033-.043-.062-.087-.1-.125m-.5.74c0 .009-.057.345-.134.743-.029.154-.144.236-.279.264-.22.048-.46.039-.46.039l-1.052-.005.23-1.392.951.005h.154c.1 0 .235.004.35.019.096.014.173.033.197.062a.24.24 0 0 1 .048.14c.005.062-.005.12-.005.124m8.699-.984h.624l-.696 4.186h-.624zm3.328 1.171.6-.004.21 2.126.918-2.126h.739l.216 2.136.917-2.136h.624l-1.32 3.02h-.735l-.211-2.113-.931 2.112h-.72zm-4.475.025c-.173-.058-.475-.068-.735-.068-.25.005-.36.015-.456.034 0 0-.441.062-.691.374s-.326.99-.326.99-.15.748-.106.998.12.48.403.59.523.106.523.106.504.038.884-.048.58-.355.58-.355.092-.115.154-.255c.063-.139.082-.23.087-.245l.038-.163h-.648s-.034.428-.384.466-.533.024-.605.02c-.067-.006-.442.014-.413-.299v-.019c.015-.355.058-.446.058-.446l2.03-.005.087-.504c.11-.571.038-1.003-.48-1.171m-.14 1.099H9.754l.053-.22s.048-.174.144-.246.221-.086.336-.096.423-.033.677.02c.082.014.163.062.183.134.052.158 0 .408 0 .408"/><path d="M9.605 7.898v.014c-.005.024 0-.014 0-.014m5.506-2.131c-.173-.058-.475-.068-.734-.068-.25.005-.36.015-.456.034 0 0-.442.062-.692.374s-.326.99-.326.99-.149.748-.106.998.12.48.403.59.524.106.524.106.504.038.883-.048c.38-.091.581-.355.581-.355s.091-.115.154-.255c.062-.139.081-.23.086-.245l.038-.163h-.648s-.033.428-.384.466c-.35.038-.533.024-.605.024-.067-.005-.441.014-.413-.298v-.019c.015-.355.058-.446.058-.446l2.03-.005.087-.504c.11-.572.043-1.008-.48-1.176m-.14 1.099H13.58l.052-.22s.048-.174.144-.246c.097-.072.221-.086.337-.096s.422-.033.676.02c.082.014.164.062.183.134.053.158 0 .408 0 .408M20.7 5.743l.398 2.208 1.128-2.208.634.004-1.628 3.154s-.293.572-.475.716c-.183.144-.293.211-.442.225s-.211.024-.35 0l-.154-.028.096-.562s.255.048.403-.014c.15-.058.27-.317.27-.317l.076-.13-.59-3.058z"/></g><path fill="#b3b2b1" d="M23.095 6.04h.653l.038-.254s.072-.461.226-.548a.8.8 0 0 1 .225-.072c.173-.028.39-.033.567-.028.274.01.374.014.653.043.278.033.206.297.206.297l-.053.399s-.024.178-.086.288c-.058.1-.211.168-.302.197-.216.072-.956.259-.956.259l-.58.168s-.356.106-.558.322a1.3 1.3 0 0 0-.307.605c-.029.13-.182 1.037-.182 1.037h3.135l.105-.625-2.477.005.043-.254s.03-.264.135-.35c.033-.03.048-.063.25-.135.12-.043.523-.149.523-.149l.936-.254s.509-.13.71-.413c.202-.279.279-.812.279-.812s.053-.518.014-.681a.75.75 0 0 0-.379-.442c-.187-.082-.38-.134-.946-.125-.562.01-.845.034-1.128.14-.288.105-.451.297-.557.566-.12.264-.187.816-.187.816m5.9 1.167.442-2.631h-.778l-2.424 2.602-.11.658h2.116l-.153.926h.653l.153-.926h.6l.106-.63zm-.643 0h-1.368l1.665-1.777zM5.606 4.917h1.997s.446-.36.763-.596c.317-.23.898-.6.898-.6l-1.128-.528s-.956.59-1.359.87c-.394.258-1.171.854-1.171.854m4.287-1.565-.927-.624s.835-.476 1.954-.922a28 28 0 0 1 1.71-.63l.186.884s-1.07.36-1.685.648c-.634.274-1.238.644-1.238.644m3.61-1.484L13.34.966s1.142-.303 2.189-.5C16.575.27 17.963.178 17.963.178l-.461 1.397s-1.22-.168-2.367-.01a13 13 0 0 0-1.632.303m4.729-.173.773-1.55s1.69-.034 3.149.192c1.46.225 2.794.571 2.765.585l-3.701 1.935s-.864-.547-1.94-.883c-.605-.178-1.046-.279-1.046-.279m3.653 1.585.811.619h6.683s-.014-.216-.192-.523c-.11-.192-.312-.394-.523-.605a5.5 5.5 0 0 0-.615-.466c-.59-.384-.921-.533-1.531-.806z"/><path fill="#d13239" d="M6.038 5.738c-.25 0-.49.1-.692.21l.034-.21h-.663l-.532 3.005h.667l.293-1.666c.062-.336.312-.754.806-.754h.346l.106-.585z"/></svg>
\ No newline at end of file
diff --git a/packages/js/onboarding/src/images/payment-methods/woo.js b/packages/js/onboarding/src/images/payment-methods/woo.js
deleted file mode 100644
index 89c098b812c..00000000000
--- a/packages/js/onboarding/src/images/payment-methods/woo.js
+++ /dev/null
@@ -1,37 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement } from '@wordpress/element';
-
-export default () => (
- <svg
- width="64"
- height="40"
- viewBox="0 0 64 40"
- fill="none"
- xmlns="http://www.w3.org/2000/svg"
- >
- <path
- d="M61 0H3C1.34315 0 0 1.34315 0 3V37C0 38.6569 1.34315 40 3 40H61C62.6569 40 64 38.6569 64 37V3C64 1.34315 62.6569 0 61 0Z"
- fill="#674399"
- />
- <path
- d="M40.8254 15.7289C41.7593 15.7289 42.508 15.9512 43.0713 16.396C43.6346 16.8407 43.9163 17.4263 43.9163 18.1527C43.9163 18.9161 43.6272 19.5165 43.0565 19.9464C42.4857 20.3763 41.6926 20.5987 40.6771 20.5987H40.3065V23.5858H38.1644V15.7289H40.8254ZM40.314 17.2336V19.0866C40.7958 19.0792 41.1515 19.0051 41.3739 18.8568C41.6037 18.7086 41.7149 18.4788 41.7149 18.1675C41.7149 17.8266 41.6037 17.5893 41.3813 17.4559C41.1664 17.3151 40.8105 17.241 40.314 17.2336Z"
- fill="white"
- />
- <path
- d="M50.565 23.5784H48.3414L47.9781 22.2664H45.7175L45.3468 23.5784H43.1676L45.6655 15.7215H48.0671L50.565 23.5784ZM47.5705 20.8582C47.2517 19.687 47.0072 18.5751 46.8515 17.5226H46.8219C46.6513 18.6122 46.4142 19.7241 46.1103 20.8582H47.5705Z"
- fill="white"
- />
- <path
- d="M49.2827 15.7289H51.6842C52.2179 16.8555 52.6033 17.7302 52.8405 18.338H52.8701C53.1074 17.708 53.4928 16.8407 54.0116 15.7289H56.4651L53.9375 20.0279V23.5784H51.7732V20.0279L49.2827 15.7289Z"
- fill="white"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M33.4238 12.9999H10.6165C9.17111 12.9999 8 14.171 8 15.6091V24.3109C8 25.7489 9.17111 26.92 10.6091 26.92H21.4161L26.36 29.6699L25.2407 26.92H33.4238C34.8618 26.92 36.0329 25.7489 36.0329 24.3109V15.6091C36.0329 14.171 34.8618 12.9999 33.4238 12.9999ZM10.1348 15.0087C9.85306 15.0161 9.59364 15.1495 9.41577 15.3644C9.24524 15.5868 9.17853 15.8685 9.2379 16.1501C9.91235 20.4492 10.5424 23.3474 11.128 24.8446C11.3429 25.3931 11.6097 25.6525 11.9211 25.6303C12.3954 25.5932 12.9736 24.9335 13.6481 23.6364C13.7981 23.3364 13.9809 22.9721 14.1956 22.5442L14.197 22.5413C14.5019 21.9336 14.8709 21.1982 15.301 20.338C15.9237 22.495 16.7687 24.1182 17.836 25.2078C18.1399 25.5117 18.4364 25.6525 18.7403 25.6303C18.9997 25.6155 19.2369 25.4524 19.348 25.2152C19.4593 24.9855 19.5112 24.726 19.4815 24.4666C19.4073 23.4214 19.5186 21.9613 19.8002 20.1008C20.0893 18.1737 20.4599 16.795 20.9047 15.9648C20.9936 15.8018 21.0307 15.6091 21.0158 15.4163C21.001 15.1569 20.875 14.9123 20.6674 14.7567C20.4673 14.5861 20.2079 14.5046 19.9484 14.5268C19.6223 14.5417 19.3333 14.7344 19.1924 15.0308C18.4882 16.328 17.9842 18.4331 17.6804 21.3386C17.1985 20.0712 16.8354 18.7592 16.5981 17.425C16.4721 16.7431 16.1608 16.4244 15.6568 16.4615C15.3084 16.4836 15.0268 16.7135 14.797 17.1433L12.2843 21.9168C11.8766 20.2491 11.4912 18.2181 11.1354 15.8314C11.0464 15.2458 10.7129 14.9716 10.1348 15.0087ZM26.8567 17.1656C26.4712 16.4762 25.8042 15.9871 25.0259 15.8388C24.8183 15.7943 24.6108 15.7721 24.4032 15.7721C23.3063 15.7721 22.4093 16.3428 21.7126 17.4843C21.1196 18.4553 20.8083 19.5745 20.8232 20.7086C20.8232 21.5906 21.0085 22.3467 21.3716 22.9767C21.7571 23.6661 22.4242 24.1552 23.2024 24.3035C23.41 24.348 23.6175 24.3702 23.8251 24.3702C24.9295 24.3702 25.8263 23.7995 26.5157 22.658C27.1087 21.6796 27.42 20.5604 27.4052 19.4115C27.4052 18.5294 27.2199 17.7808 26.8567 17.1656ZM25.4113 20.3454C25.2556 21.094 24.9665 21.6573 24.5367 22.0428C24.2031 22.3467 23.8918 22.4653 23.6101 22.4134C23.3284 22.3615 23.1061 22.1095 22.9356 21.6722C22.8096 21.3386 22.7355 20.9902 22.7355 20.6271C22.7355 20.3454 22.7651 20.0638 22.817 19.7895C22.9283 19.3003 23.1283 18.8407 23.4248 18.4257C23.8028 17.8697 24.2031 17.6326 24.6182 17.7215C24.8998 17.7808 25.1222 18.0254 25.2927 18.4627C25.4187 18.7963 25.4928 19.1447 25.4928 19.5004C25.4928 19.7821 25.4706 20.0638 25.4113 20.3454ZM32.2008 15.8388C32.979 15.9871 33.6461 16.4762 34.0316 17.1656C34.3948 17.7808 34.5801 18.5294 34.5801 19.4115C34.5949 20.5604 34.2836 21.6796 33.6907 22.658C33.0013 23.7995 32.1044 24.3702 31 24.3702C30.7925 24.3702 30.5849 24.348 30.3774 24.3035C29.5991 24.1552 28.932 23.6661 28.5466 22.9767C28.1834 22.3467 27.998 21.5906 27.998 20.7086C27.9833 19.5745 28.2946 18.4553 28.8876 17.4843C29.5843 16.3428 30.4812 15.7721 31.5782 15.7721C31.7857 15.7721 31.9932 15.7943 32.2008 15.8388ZM31.7116 22.0428C32.1415 21.6573 32.4306 21.094 32.5862 20.3454C32.6456 20.0638 32.6677 19.7821 32.6677 19.5004C32.6677 19.1447 32.5936 18.7963 32.4676 18.4627C32.2972 18.0254 32.0748 17.7808 31.7931 17.7215C31.378 17.6326 30.9778 17.8697 30.5998 18.4257C30.3032 18.8407 30.1031 19.3003 29.992 19.7895C29.9401 20.0638 29.9104 20.3454 29.9104 20.6271C29.9104 20.9902 29.9845 21.3386 30.1105 21.6722C30.2811 22.1095 30.5034 22.3615 30.7851 22.4134C31.0668 22.4653 31.378 22.3467 31.7116 22.0428Z"
- fill="white"
- />
- </svg>
-);
diff --git a/packages/js/onboarding/src/images/payment-methods/woopay.js b/packages/js/onboarding/src/images/payment-methods/woopay.js
deleted file mode 100644
index 72aba747981..00000000000
--- a/packages/js/onboarding/src/images/payment-methods/woopay.js
+++ /dev/null
@@ -1,47 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement } from '@wordpress/element';
-
-export default () => (
- /* eslint-disable */
- <svg
- width="39"
- height="24"
- viewBox="0 0 39 24"
- fill="none"
- xmlns="http://www.w3.org/2000/svg"
- style={ {
- // Having a background color on the SVG will make the border disappear
- background: '#873EFF',
- } }
- >
- <rect x="0.800003" width="38" height="24" rx="2" fill="#873EFF" />
- <rect
- x="1.3"
- y="0.5"
- width="37"
- height="23"
- rx="1.5"
- stroke="black"
- strokeOpacity="0.07"
- />
- <path
- d="M29.3292 16.0555C29.3733 16.0807 29.4331 16.0996 29.5086 16.1122C29.5842 16.1248 29.6597 16.1311 29.7353 16.1311C29.8863 16.1311 30.0122 16.0996 30.113 16.0366C30.2137 15.98 30.2955 15.8793 30.3585 15.7345L30.6795 14.9885L30.7551 15.6212L28.7154 10.5881H29.7636L31.1045 14.0253L32.4453 10.5881H33.4935L31.2839 15.9989C31.2839 16.0052 31.2807 16.0083 31.2744 16.0083C31.2744 16.0146 31.2744 16.0209 31.2744 16.0272C31.1737 16.2601 31.0478 16.449 30.8967 16.5938C30.7519 16.7386 30.5851 16.8424 30.3963 16.9054C30.2137 16.9683 30.0059 16.9998 29.773 16.9998C29.666 16.9998 29.559 16.9935 29.452 16.9809C29.345 16.9683 29.2537 16.9526 29.1781 16.9337L29.3292 16.0555Z"
- fill="white"
- />
- <path
- d="M25.8245 15.2626C25.4341 15.2626 25.0848 15.1682 24.7763 14.9793C24.4678 14.7842 24.2255 14.5072 24.0492 14.1484C23.8792 13.7895 23.7942 13.3646 23.7942 12.8736C23.7942 12.3888 23.8792 11.9671 24.0492 11.6082C24.2255 11.2431 24.4678 10.963 24.7763 10.7678C25.0848 10.5727 25.4341 10.4751 25.8245 10.4751C26.1392 10.4751 26.4351 10.5538 26.7121 10.7112C26.9891 10.8623 27.2157 11.0763 27.392 11.3533L27.3636 12.0804C27.2692 11.8852 27.0992 11.7153 26.8537 11.5705C26.6082 11.4257 26.3595 11.3533 26.1077 11.3533C25.8496 11.3533 25.6199 11.4194 25.4184 11.5516C25.2233 11.6775 25.0722 11.8569 24.9652 12.0898C24.8644 12.3164 24.8141 12.5777 24.8141 12.8736C24.8141 13.3268 24.9305 13.6951 25.1635 13.9784C25.3964 14.2554 25.7111 14.3939 26.1077 14.3939C26.3658 14.3939 26.6145 14.3246 26.8537 14.1861C27.0992 14.0476 27.2692 13.8777 27.3636 13.6762L27.3825 14.4033C27.2063 14.6677 26.9828 14.8786 26.7121 15.036C26.4414 15.1871 26.1455 15.2626 25.8245 15.2626ZM27.2975 15.1493V10.5884H28.2701V15.1493H27.2975Z"
- fill="white"
- />
- <path
- d="M18.7478 15.1494V8.85107H21.5051C21.9332 8.85107 22.3014 8.93921 22.6099 9.11547C22.9184 9.29174 23.1545 9.53096 23.3181 9.83313C23.4818 10.1353 23.5636 10.4658 23.5636 10.8246C23.5636 11.1835 23.4818 11.514 23.3181 11.8161C23.1545 12.112 22.9152 12.3481 22.6005 12.5243C22.292 12.7006 21.9269 12.7887 21.5051 12.7887H19.6921V11.835H21.354C21.5681 11.835 21.7569 11.7941 21.9206 11.7123C22.0843 11.6241 22.2102 11.5045 22.2983 11.3534C22.3927 11.196 22.4399 11.0198 22.4399 10.8246C22.4399 10.6232 22.3927 10.4469 22.2983 10.2958C22.2102 10.1384 22.0843 10.0188 21.9206 9.937C21.7569 9.85516 21.5681 9.81424 21.354 9.81424H19.8432V15.1494H18.7478Z"
- fill="white"
- />
- <path
- d="M8.91555 15.2584C9.64923 15.2584 10.238 14.8961 10.6818 14.0628L11.6691 12.215V13.782C11.6691 14.7059 12.2669 15.2584 13.1908 15.2584C13.9155 15.2584 14.4499 14.9414 14.9662 14.0628L17.2397 10.2223C17.7378 9.3799 17.3846 8.74585 16.2886 8.74585C15.6998 8.74585 15.3194 8.93606 14.9752 9.57917L13.4082 12.5229V9.90525C13.4082 9.12628 13.0368 8.74585 12.3485 8.74585C11.805 8.74585 11.3702 8.98135 11.0351 9.63351L9.55866 12.5229V9.93242C9.55866 9.0991 9.21446 8.74585 8.38114 8.74585H6.67828C6.03517 8.74585 5.70909 9.04476 5.70909 9.59728C5.70909 10.1498 6.05329 10.4668 6.67828 10.4668H7.37573V13.7729C7.37573 14.7059 8.00072 15.2584 8.91555 15.2584Z"
- fill="white"
- />
- </svg>
- /* eslint-enable */
-);
diff --git a/packages/js/onboarding/src/images/payment-methods/woopay.svg b/packages/js/onboarding/src/images/payment-methods/woopay.svg
new file mode 100644
index 00000000000..4f13d37bfa2
--- /dev/null
+++ b/packages/js/onboarding/src/images/payment-methods/woopay.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="39" height="24" fill="none" viewBox="0 0 39 24"><rect width="38" height="24" x=".8" fill="#873EFF" rx="2"/><rect width="37" height="23" x="1.3" y=".5" stroke="#000" stroke-opacity=".07" rx="1.5"/><path fill="#fff" d="M29.33 16.055a.6.6 0 0 0 .179.057q.112.02.226.02a.7.7 0 0 0 .378-.095.6.6 0 0 0 .245-.302l.322-.746.075.632-2.04-5.033h1.049l1.34 3.437 1.341-3.437h1.048l-2.21 5.41q0 .01-.009.01v.02q-.15.348-.377.566a1.3 1.3 0 0 1-.5.311q-.275.095-.624.095a2.7 2.7 0 0 1-.595-.066zm-3.505-.792q-.585 0-1.049-.284a2 2 0 0 1-.727-.83q-.255-.54-.255-1.275 0-.727.255-1.266.265-.547.727-.84a1.9 1.9 0 0 1 1.049-.293q.471 0 .887.236.416.226.68.642l-.028.727q-.143-.293-.51-.51a1.45 1.45 0 0 0-.746-.217q-.387 0-.69.199a1.24 1.24 0 0 0-.453.538q-.15.34-.15.784 0 .68.348 1.104.35.416.945.416.386 0 .746-.208.367-.207.51-.51l.018.727q-.264.397-.67.633a1.8 1.8 0 0 1-.887.227m1.473-.114v-4.56h.972v4.56zm-8.55.001v-6.3h2.757q.642 0 1.105.264.462.265.708.718t.246.992-.246.991a1.8 1.8 0 0 1-.718.708q-.462.265-1.095.265h-1.813v-.954h1.662q.321 0 .567-.123a.95.95 0 0 0 .377-.359q.142-.236.142-.528a1 1 0 0 0-.142-.53.87.87 0 0 0-.377-.358 1.25 1.25 0 0 0-.567-.123h-1.51v5.335zm-9.832.108c.733 0 1.322-.362 1.766-1.195l.987-1.848v1.567c0 .924.598 1.476 1.522 1.476.724 0 1.259-.317 1.775-1.195l2.274-3.84c.498-.843.145-1.477-.951-1.477-.59 0-.97.19-1.314.833l-1.567 2.944V9.905c0-.779-.371-1.16-1.06-1.16-.543 0-.978.236-1.313.889L9.56 12.523v-2.59c0-.834-.345-1.187-1.178-1.187H6.678c-.643 0-.969.299-.969.851 0 .553.344.87.97.87h.697v3.306c0 .933.625 1.485 1.54 1.485"/></svg>
\ No newline at end of file
diff --git a/packages/js/onboarding/src/images/wcpay-logo.tsx b/packages/js/onboarding/src/images/wcpay-logo.tsx
deleted file mode 100644
index 15e42a1e409..00000000000
--- a/packages/js/onboarding/src/images/wcpay-logo.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement } from '@wordpress/element';
-
-export default ( { width = 196, height = 41 } ) => (
- <svg
- width={ width }
- height={ height }
- viewBox={ `0 0 ${ width } ${ height }` }
- fill="none"
- xmlns="http://www.w3.org/2000/svg"
- >
- <title>WooPayments</title>
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M6.16119 0H60.1988C63.6186 0 66.387 2.74594 66.387 6.13799V26.598C66.387 29.99 63.6186 32.736 60.1988 32.736H40.8202L43.48 39.197L31.7823 32.736H6.18833C2.76858 32.736 0.000197874 29.99 0.000197874 26.598V6.13799C-0.0269431 2.77286 2.74143 0 6.16119 0Z"
- fill="#7F54B3"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M3.88666 5.40393C4.26664 4.89243 4.8366 4.62322 5.59655 4.56938C6.98073 4.46169 7.76782 5.1078 7.95781 6.50769C8.79918 12.1342 9.72197 16.8992 10.699 20.8028L16.6429 9.57669C17.1857 8.55369 17.8643 8.01527 18.6785 7.96143C19.8727 7.88066 20.6055 8.63445 20.904 10.2228C21.5826 13.8033 22.4511 16.8454 23.4824 19.4298C24.1881 12.5918 25.3823 7.6653 27.065 4.62322C27.4722 3.86943 28.0692 3.49254 28.8563 3.4387C29.4806 3.38486 30.0505 3.5733 30.5662 3.97712C31.0819 4.38093 31.3533 4.89243 31.4076 5.51161C31.4347 5.99619 31.3533 6.40001 31.1362 6.80383C30.0777 8.74214 29.2092 11.9996 28.5035 16.5223C27.825 20.9104 27.5807 24.3294 27.7436 26.7792C27.7978 27.4522 27.6893 28.0445 27.4179 28.556C27.0922 29.1483 26.6036 29.4713 25.9794 29.5252C25.2737 29.579 24.5409 29.256 23.8353 28.5291C21.3112 25.9716 19.3027 22.1488 17.8371 17.0607C16.073 20.5066 14.7702 23.091 13.9288 24.814C12.3275 27.8561 10.9705 29.4175 9.83053 29.4982C9.09773 29.5521 8.47349 28.9329 7.93067 27.6407C6.54648 24.114 5.05373 17.303 3.45241 7.20764C3.37099 6.5077 3.50669 5.88851 3.88666 5.40393ZM62.24 9.6307C61.263 7.93467 59.8245 6.91167 57.8975 6.50786C57.3818 6.40017 56.8933 6.34633 56.4319 6.34633C53.8263 6.34633 51.7094 7.69238 50.0537 10.3845C48.6424 12.6728 47.9368 15.2033 47.9368 17.9762C47.9368 20.0491 48.371 21.8259 49.2395 23.3066C50.2166 25.0026 51.6551 26.0256 53.5821 26.4294C54.0978 26.5371 54.5863 26.5909 55.0477 26.5909C57.6804 26.5909 59.7974 25.2449 61.4258 22.5528C62.8371 20.2376 63.5428 17.707 63.5428 14.9341C63.5428 12.8343 63.1086 11.0844 62.24 9.6307ZM58.8203 17.0878C58.4403 18.8646 57.7618 20.1837 56.7576 21.0721C55.9705 21.7721 55.2377 22.0682 54.5592 21.9336C53.9078 21.799 53.365 21.2337 52.9578 20.1837C52.6321 19.3492 52.4693 18.5146 52.4693 17.7339C52.4693 17.0609 52.5236 16.3879 52.6593 15.7687C52.9036 14.6649 53.365 13.5881 54.0978 12.5651C54.9934 11.246 55.9433 10.7075 56.9204 10.896C57.5718 11.0306 58.1146 11.5959 58.5217 12.6458C58.8474 13.4804 59.0103 14.315 59.0103 15.0957C59.0103 15.7956 58.9288 16.4686 58.8203 17.0878ZM40.8794 6.50786C42.7793 6.91167 44.2449 7.93467 45.222 9.6307C46.0905 11.0844 46.5247 12.8343 46.5247 14.9341C46.5247 17.707 45.8191 20.2376 44.4077 22.5528C42.7793 25.2449 40.6623 26.5909 38.0296 26.5909C37.5682 26.5909 37.0797 26.5371 36.564 26.4294C34.637 26.0256 33.1985 25.0026 32.2214 23.3066C31.3529 21.8259 30.9187 20.0491 30.9187 17.9762C30.9187 15.2033 31.6243 12.6728 33.0357 10.3845C34.6913 7.69238 36.8083 6.34633 39.4138 6.34633C39.8752 6.34633 40.3637 6.40017 40.8794 6.50786ZM39.7395 21.0721C40.7437 20.1837 41.4222 18.8646 41.8022 17.0878C41.9379 16.4686 41.9922 15.7956 41.9922 15.0957C41.9922 14.315 41.8293 13.4804 41.5036 12.6458C41.0965 11.5959 40.5537 11.0306 39.9023 10.896C38.9253 10.7075 37.9753 11.246 37.0797 12.5651C36.3469 13.5881 35.8855 14.6649 35.6412 15.7687C35.5055 16.3879 35.4512 17.0609 35.4512 17.7339C35.4512 18.5146 35.6141 19.3492 35.9398 20.1837C36.3469 21.2337 36.8897 21.799 37.5411 21.9336C38.2196 22.0682 38.9524 21.7721 39.7395 21.0721Z"
- fill="white"
- />
- <path
- d="M143.023 29.9316V38.217H144.057V35.26H146.141C147.697 35.26 148.805 34.1633 148.805 32.613C148.805 31.0341 147.72 29.9316 146.153 29.9316H143.023ZM144.057 30.8503H145.883C147.083 30.8503 147.743 31.4762 147.743 32.613C147.743 33.7097 147.06 34.3413 145.883 34.3413H144.057V30.8503Z"
- fill="black"
- />
- <path
- d="M151.866 38.3261C152.693 38.3261 153.37 37.9643 153.772 37.304H153.864V38.217H154.806V33.9796C154.806 32.6934 153.961 31.9183 152.451 31.9183C151.131 31.9183 150.155 32.5728 150.023 33.5662H151.022C151.159 33.0781 151.676 32.7968 152.417 32.7968C153.341 32.7968 153.818 33.2159 153.818 33.9796V34.5423L152.032 34.6514C150.591 34.7375 149.776 35.3748 149.776 36.483C149.776 37.6141 150.666 38.3261 151.866 38.3261ZM152.049 37.4591C151.332 37.4591 150.798 37.0916 150.798 36.46C150.798 35.8399 151.211 35.5126 152.153 35.4495L153.818 35.3404V35.9088C153.818 36.793 153.066 37.4591 152.049 37.4591Z"
- fill="black"
- />
- <path
- d="M156.93 40.4563C158.027 40.4563 158.52 40.0314 159.049 38.5959L161.466 32.0274H160.415L158.721 37.1203H158.63L156.93 32.0274H155.862L158.153 38.2227L158.038 38.5902C157.78 39.3366 157.47 39.6065 156.901 39.6065C156.763 39.6065 156.608 39.6007 156.488 39.5778V40.4218C156.626 40.4448 156.798 40.4563 156.93 40.4563Z"
- fill="black"
- />
- <path
- d="M162.787 38.217H163.774V34.3815C163.774 33.5087 164.4 32.8083 165.21 32.8083C165.99 32.8083 166.501 33.2791 166.501 34.014V38.217H167.489V34.238C167.489 33.4513 168.063 32.8083 168.924 32.8083C169.797 32.8083 170.228 33.2561 170.228 34.1691V38.217H171.215V33.9394C171.215 32.6417 170.509 31.9183 169.246 31.9183C168.39 31.9183 167.684 32.3489 167.351 33.0035H167.259C166.972 32.3604 166.387 31.9183 165.548 31.9183C164.722 31.9183 164.101 32.3145 163.82 33.0035H163.728V32.0274H162.787V38.217Z"
- fill="black"
- />
- <path
- d="M177.118 36.615C176.86 37.1605 176.32 37.4533 175.522 37.4533C174.471 37.4533 173.788 36.6782 173.736 35.4552V35.4093H178.186V35.0303C178.186 33.1068 177.17 31.9183 175.499 31.9183C173.799 31.9183 172.708 33.1815 172.708 35.1279C172.708 37.0859 173.782 38.3261 175.499 38.3261C176.854 38.3261 177.818 37.6715 178.106 36.615H177.118ZM175.487 32.791C176.469 32.791 177.124 33.5145 177.147 34.6112H173.736C173.811 33.5145 174.5 32.791 175.487 32.791Z"
- fill="black"
- />
- <path
- d="M179.736 38.217H180.724V34.5537C180.724 33.4686 181.361 32.8083 182.349 32.8083C183.336 32.8083 183.807 33.3365 183.807 34.4504V38.217H184.795V34.2092C184.795 32.7394 184.02 31.9183 182.63 31.9183C181.683 31.9183 181.08 32.3202 180.77 33.0035H180.678V32.0274H179.736V38.217Z"
- fill="black"
- />
- <path
- d="M187.017 30.4254V32.0274H186.018V32.8542H187.017V36.6093C187.017 37.7921 187.528 38.2629 188.802 38.2629C188.998 38.2629 189.187 38.24 189.382 38.2055V37.3729C189.199 37.3902 189.101 37.3959 188.923 37.3959C188.28 37.3959 188.004 37.0859 188.004 36.3567V32.8542H189.382V32.0274H188.004V30.4254H187.017Z"
- fill="black"
- />
- <path
- d="M190.617 33.7212C190.617 34.6169 191.145 35.1164 192.305 35.3978L193.367 35.6562C194.027 35.8169 194.349 36.104 194.349 36.5289C194.349 37.0973 193.752 37.4935 192.919 37.4935C192.127 37.4935 191.633 37.1605 191.467 36.638H190.45C190.559 37.6658 191.507 38.3261 192.885 38.3261C194.292 38.3261 195.365 37.5624 195.365 36.4543C195.365 35.5643 194.803 35.059 193.637 34.7777L192.684 34.548C191.955 34.37 191.61 34.1059 191.61 33.681C191.61 33.1298 192.184 32.7566 192.919 32.7566C193.666 32.7566 194.148 33.0839 194.28 33.5777H195.256C195.124 32.5614 194.223 31.9183 192.925 31.9183C191.61 31.9183 190.617 32.6934 190.617 33.7212Z"
- fill="black"
- />
- <path
- d="M73.2688 9.52456C71.4503 11.3014 70.5547 13.5627 70.5547 16.3087C70.5547 19.2431 71.4503 21.639 73.2416 23.4427C75.0329 25.2464 77.3671 26.1618 80.2711 26.1618C81.1125 26.1618 82.0625 26.0272 83.0938 25.731V21.3698C82.1439 21.639 81.3296 21.7736 80.624 21.7736C79.1855 21.7736 78.0456 21.289 77.1771 20.3468C76.3086 19.3777 75.8743 18.0854 75.8743 16.4433C75.8743 14.9088 76.3086 13.6435 77.1499 12.6743C78.0185 11.6782 79.0769 11.1937 80.3797 11.1937C81.2211 11.1937 82.1167 11.3283 83.0938 11.5975V7.23628C82.1982 6.99399 81.1939 6.8863 80.1354 6.8863C77.3671 6.85938 75.0872 7.74778 73.2688 9.52456ZM92.1046 6.85938C89.6076 6.85938 87.6535 7.69393 86.2422 9.33611C84.8308 10.9783 84.1523 13.2935 84.1523 16.2548C84.1523 19.4584 84.858 21.9082 86.2422 23.6043C87.6263 25.3003 89.6619 26.1618 92.3217 26.1618C94.9001 26.1618 96.8814 25.3003 98.2656 23.6043C99.6498 21.9082 100.355 19.5123 100.355 16.4433C100.355 13.3743 99.6498 11.0052 98.2384 9.33611C96.8 7.69393 94.7644 6.85938 92.1046 6.85938ZM94.2487 20.8583C93.7602 21.6121 93.0274 21.989 92.1046 21.989C91.2361 21.989 90.5847 21.6121 90.1233 20.8583C89.6619 20.1045 89.4448 18.5969 89.4448 16.3087C89.4448 12.782 90.3404 11.0321 92.1589 11.0321C94.0587 11.0321 95.0358 12.8089 95.0358 16.3894C95.0087 18.597 94.7373 20.1045 94.2487 20.8583ZM113.763 7.37088L112.786 11.4898C112.542 12.5397 112.297 13.6166 112.08 14.7203L111.538 17.5739C111.022 14.7203 110.316 11.3283 109.421 7.37088H103.124L100.763 25.7041H105.485L106.761 13.0781L109.99 25.7041H113.356L116.45 13.1051L117.78 25.7041H122.72L120.223 7.37088H113.763ZM136.371 7.37088L135.394 11.4898C135.15 12.5397 134.906 13.6166 134.689 14.7203L134.146 17.5739C133.63 14.7203 132.925 11.3283 132.029 7.37088H125.732L123.371 25.7041H128.093L129.369 13.0781L132.599 25.7041H135.964L139.031 13.1051L140.361 25.7041H145.301L142.804 7.37088H136.371ZM151.733 18.4623H156.157V14.6665H151.733V11.3013H156.836V7.3978H146.739V25.731H156.863V21.8275H151.733V18.4623ZM170.922 15.5549C171.438 14.7203 171.709 13.8588 171.709 12.9705C171.709 11.2475 171.03 9.87453 169.673 8.87845C168.316 7.88237 166.444 7.37088 164.11 7.37088H158.301V25.7041H163.295V17.3586H163.377L167.421 25.7041H172.686L168.696 17.4393C169.646 17.0086 170.406 16.3894 170.922 15.5549ZM163.268 15.2587V10.8975C164.462 10.9245 165.304 11.1129 165.819 11.4898C166.335 11.8667 166.579 12.4589 166.579 13.3204C166.579 14.5857 165.467 15.2318 163.268 15.2587ZM174.64 9.52456C172.822 11.3014 171.926 13.5627 171.926 16.3087C171.926 19.2431 172.822 21.639 174.613 23.4427C176.404 25.2464 178.738 26.1618 181.643 26.1618C182.484 26.1618 183.434 26.0272 184.465 25.731V21.3698C183.515 21.639 182.701 21.7736 181.995 21.7736C180.557 21.7736 179.417 21.289 178.548 20.3468C177.68 19.3777 177.246 18.0854 177.246 16.4433C177.246 14.9088 177.68 13.6435 178.521 12.6743C179.39 11.6782 180.448 11.1937 181.751 11.1937C182.592 11.1937 183.488 11.3283 184.465 11.5975V7.23628C183.57 6.99399 182.565 6.8863 181.507 6.8863C178.766 6.85938 176.459 7.74778 174.64 9.52456ZM190.843 21.7736V18.4354H195.267V14.6396H190.843V11.2744H195.973V7.37088H185.877V25.7041H196V21.8005H190.843V21.7736Z"
- fill="black"
- />
- </svg>
-);
diff --git a/packages/js/onboarding/src/index.ts b/packages/js/onboarding/src/index.ts
index a9374144134..8db7f1284e1 100644
--- a/packages/js/onboarding/src/index.ts
+++ b/packages/js/onboarding/src/index.ts
@@ -1,23 +1,7 @@
-export * from './components/WCPayCard';
export * from './components/WCPayBanner';
export * from './components/WCPayBenefits';
export * from './components/RecommendedRibbon';
export * from './components/SetupRequired';
-export * from './components/WCPayAcceptedMethods';
-export { default as Visa } from './images/cards/visa';
-export { default as MasterCard } from './images/cards/mastercard';
-export { default as Amex } from './images/cards/amex';
-export { default as ApplePay } from './images/cards/applepay';
-export { default as GooglePay } from './images/cards/googlepay';
-export { default as Discover } from './images/cards/discover';
-export { default as Diners } from './images/cards/diners';
-export { default as Klarna } from './images/payment-methods/klarna';
-export { default as Affirm } from './images/payment-methods/affirm';
-export { default as AfterPay } from './images/payment-methods/afterpay';
-export { default as ClearPay } from './images/payment-methods/clearpay';
-export { default as Ideal } from './images/payment-methods/ideal';
-export { default as Woo } from './images/payment-methods/woo';
-export { default as WCPayLogo } from './images/wcpay-logo';
export { WooPaymentGatewaySetup } from './components/WooPaymentGatewaySetup';
export { WooPaymentGatewayConfigure } from './components/WooPaymentGatewayConfigure';
export {
diff --git a/packages/js/onboarding/src/style.scss b/packages/js/onboarding/src/style.scss
index ad066bd62b6..f0b01218e34 100644
--- a/packages/js/onboarding/src/style.scss
+++ b/packages/js/onboarding/src/style.scss
@@ -1,4 +1,3 @@
-@import 'components/WCPayCard/WCPayCard.scss';
@import 'components/WCPayBanner/WCPayBanner.scss';
@import 'components/WCPayBenefits/WCPayBenefits.scss';
@import 'components/RecommendedRibbon/RecommendedRibbon.scss';
diff --git a/packages/js/onboarding/typings/custom.d.ts b/packages/js/onboarding/typings/custom.d.ts
new file mode 100644
index 00000000000..6ad9e6a5c25
--- /dev/null
+++ b/packages/js/onboarding/typings/custom.d.ts
@@ -0,0 +1,6 @@
+// SVG assets are resolved to a URL string by the consuming bundler
+// (e.g. webpack `type: 'asset'`) and copied verbatim by the package build.
+declare module '*.svg' {
+ const url: string;
+ export default url;
+}