diff --git a/web-wallet/src/lib/containers/MigrateContract/MigrateContract.svelte b/web-wallet/src/lib/containers/MigrateContract/MigrateContract.svelte
new file mode 100644
index 0000000000..6b82a16447
--- /dev/null
+++ b/web-wallet/src/lib/containers/MigrateContract/MigrateContract.svelte
@@ -0,0 +1,468 @@
+<script>
+  import { AppAnchor, AppImage } from "$lib/components";
+  import {
+    Button,
+    ExclusiveChoice,
+    Icon,
+    Textbox,
+    Wizard,
+    WizardStep,
+  } from "$lib/dusk/components";
+  import {
+    mdiArrowRight,
+    mdiCheckDecagramOutline,
+    mdiInformationOutline,
+    mdiTimerSand,
+    mdiWalletOutline,
+  } from "@mdi/js";
+  import { createCurrencyFormatter } from "$lib/dusk/currency";
+  import { logo } from "$lib/dusk/icons";
+  import { calculateAdaptiveCharCount, middleEllipsis } from "$lib/dusk/string";
+  import { onMount } from "svelte";
+  import { settingsStore } from "$lib/stores";
+
+  const ERC_TOKEN = "ERC-20";
+  const BEP_TOKEN = "BEP-20";
+
+  const options = [
+    { disabled: false, label: ERC_TOKEN, value: ERC_TOKEN },
+    { disabled: false, label: BEP_TOKEN, value: BEP_TOKEN },
+  ];
+
+  /** @type {String} */
+  let selected = ERC_TOKEN;
+
+  /** @type {Boolean} */
+  const migrationInProgress = false;
+
+  /** @type {Boolean} */
+  let isWalletConnected = false;
+
+  /** @type {String} */
+  let connectedWalletAddress =
+    "6rmam3FisEHih84oJMEsmi2GGVetDPmcjw7H4heeVbm79DwZUPvPJTBeFriLx85Cy2Q2cGisz32BeSYX99kNXjD";
+
+  /** @type {Number} */
+  let connectedWalletBalance = 10;
+
+  /** @type {Number|String} */
+  let amount = "";
+
+  /** @type {HTMLInputElement | null} */
+  let amountInput;
+
+  /** @type {Boolean} */
+  let isMigrationInitialized = false;
+
+  /** @type {Number} */
+  const gasFee = 1;
+
+  /** @type {Boolean} */
+  let isMigrationBeingApproved = false;
+
+  /** @type {String}*/
+  const estimatedTime = "45 min";
+
+  /** @type {number} */
+  let screenWidth = window.innerWidth;
+
+  const { darkMode } = $settingsStore;
+
+  const minAmount = 0.000000001;
+
+  $: maxSpendable = connectedWalletBalance - gasFee;
+  $: isAmountValid =
+    typeof amount === "number"
+      ? amount >= minAmount && amount <= maxSpendable
+      : false;
+  $: ({ language } = $settingsStore);
+  $: duskFormatter = createCurrencyFormatter(language, "DUSK", 9);
+  $: if (selected) {
+    resetMigration();
+  }
+
+  onMount(() => {
+    amountInput = document.querySelector(".migrate__input-field");
+
+    const resizeObserver = new ResizeObserver((entries) => {
+      const entry = entries[0];
+
+      screenWidth = entry.contentRect.width;
+    });
+
+    resizeObserver.observe(document.body);
+
+    return () => resizeObserver.disconnect();
+  });
+
+  /**
+   * @param {Number} ms
+   */
+  function delay(ms) {
+    return new Promise((resolve) => setTimeout(resolve, ms));
+  }
+
+  function resetMigration() {
+    if (isWalletConnected) {
+      isWalletConnected = false;
+      connectedWalletAddress = "";
+      connectedWalletBalance = 10;
+      amount = "";
+      isMigrationInitialized = false;
+      isMigrationBeingApproved = false;
+    }
+  }
+</script>
+
+<article class="migrate">
+  <header class="migrate__header">
+    <h3 class="h4">Migrate</h3>
+    <div class="migrate__header-icons">
+      <div>
+        <AppImage
+          src={darkMode ? "/binance_dusk_light.svg" : "/binance_dusk.svg"}
+          alt="Binance Dusk"
+          width="37"
+          height="27"
+        />
+        <AppImage
+          src={darkMode ? "/eth_dusk_light.svg" : "/eth_dusk.svg"}
+          alt="Ethereum Dusk"
+          width="20"
+          height="25"
+        />
+      </div>
+      <Icon path={mdiArrowRight} />
+      <Icon path={logo} />
+    </div>
+  </header>
+
+  {#if migrationInProgress}
+    <div class="migrate__progress-notice">
+      <span
+        >Another migration is in progress. You can check the status <AppAnchor
+          href="#">here</AppAnchor
+        >.</span
+      >
+    </div>
+  {/if}
+
+  <div class="migrate__token">
+    <p class="migrate__token-header">From:</p>
+    <ExclusiveChoice {options} bind:value={selected} />
+    {#if isWalletConnected}
+      <p class="migrate__token-header">Connected Wallet:</p>
+      <p class="migrate__token-address">
+        {middleEllipsis(
+          connectedWalletAddress,
+          calculateAdaptiveCharCount(screenWidth)
+        )}
+      </p>
+      <div class="migrate__token-balance">
+        Balance: <span
+          >{duskFormatter(connectedWalletBalance)}
+          {selected} DUSK</span
+        >
+      </div>
+    {/if}
+  </div>
+
+  {#if isWalletConnected}
+    <div class="migrate__amount">
+      <div class="migrate__amount-header">
+        <div class="migrate__amount-token">
+          {#if selected === ERC_TOKEN}
+            <AppImage
+              src={darkMode ? "/eth_dusk_light.svg" : "/eth_dusk.svg"}
+              alt="Ethereum Dusk"
+              width="20"
+              height="25"
+            />
+          {:else}
+            <AppImage
+              src={darkMode ? "/binance_dusk_light.svg" : "/binance_dusk.svg"}
+              alt="Binance Dusk"
+              width="37"
+              height="27"
+            />
+          {/if}
+          <p class="migrate__amount-currency">DUSK {selected}</p>
+        </div>
+
+        <Button
+          size="small"
+          variant="tertiary"
+          on:click={() => {
+            if (amountInput) {
+              amountInput.value = maxSpendable.toString();
+            }
+
+            amount = maxSpendable;
+          }}
+          text="USE MAX"
+        />
+      </div>
+
+      <Textbox
+        className="migrate__input-field"
+        bind:value={amount}
+        required
+        type="number"
+        min={minAmount}
+        max={maxSpendable}
+        step="0.000000001"
+        placeholder="Amount"
+      />
+    </div>
+  {/if}
+
+  {#if isWalletConnected && !isAmountValid && typeof amount === "number"}
+    <div class="migrate__amount-notice">Not enough balance</div>
+  {/if}
+
+  {#if isWalletConnected && isAmountValid && isMigrationInitialized}
+    <div class="migrate__information">
+      <div class="migrate__information-header">
+        <p class="migrate__information-time">
+          <span>
+            Est. Time<Icon
+              path={mdiInformationOutline}
+              data-tooltip-id="main-tooltip"
+              data-tooltip-text="Estimated time of migration"
+            />
+          </span>
+          {estimatedTime}
+        </p>
+        <p class="migrate__information-fee">
+          <span>
+            Total Gas Fee<Icon
+              path={mdiInformationOutline}
+              data-tooltip-id="main-tooltip"
+              data-tooltip-text="Total cost of gas"
+            />
+          </span>
+          {gasFee}
+        </p>
+      </div>
+
+      <Wizard steps={3} let:key>
+        <WizardStep
+          step={0}
+          {key}
+          showStepper={true}
+          hideBackButton={true}
+          nextButton={{
+            action: async () => {
+              isMigrationBeingApproved = true;
+              await delay(10000);
+            },
+            disabled: isMigrationBeingApproved,
+            icon: null,
+            label: "APPROVE MIGRATION",
+            variant: "primary",
+          }}
+        >
+          {#if !isMigrationBeingApproved}
+            <div class="migrate__information-notice">
+              <p>DUSK token migration requires two transactions:</p>
+              <ol class="migrate__information-list">
+                <li>
+                  Approve: Authorize the migration contract to spend your DUSK
+                  tokens.
+                </li>
+                <li>
+                  Migrate: Transfer your DUSK tokens to the migration contract.
+                </li>
+              </ol>
+              <p>
+                Both steps must be completed for a successful migration.<br
+                /><br />Warning: Make sure your wallet has enough funds to pay
+                for the gas.
+              </p>
+            </div>
+          {:else}
+            <div class="migrate__information-approval">
+              <Icon path={mdiTimerSand} />
+              <span>Approval in progress</span>
+            </div>
+          {/if}
+        </WizardStep>
+        <WizardStep
+          step={1}
+          {key}
+          hideBackButton={true}
+          showStepper={true}
+          nextButton={{
+            action: async () => {},
+            icon: null,
+            label: "EXECUTE MIGRATION",
+            variant: "primary",
+          }}
+        >
+          <div class="migrate__information-approval">
+            <Icon path={mdiCheckDecagramOutline} />
+            <span>Migration Approved</span>
+          </div>
+        </WizardStep>
+        <WizardStep step={2} {key} showStepper={true} showNavigation={false}>
+          <div class="migrate__information-approval">
+            <Icon path={mdiCheckDecagramOutline} />
+            <span>Migration in progress</span>
+          </div>
+          <div class="migrate__information-notice">
+            <span
+              >Migration takes some minutes to complete. Your transaction is
+              being executed and you can check it <AppAnchor href="#"
+                >here</AppAnchor
+              >.</span
+            >
+          </div>
+        </WizardStep>
+      </Wizard>
+    </div>
+  {/if}
+
+  {#if !isWalletConnected}
+    <Button
+      icon={{ path: mdiWalletOutline }}
+      text={`CONNECT TO  ${selected === ERC_TOKEN ? "ETHEREUM" : "BSC"}`}
+      on:click={() => {
+        isWalletConnected = true;
+      }}
+    />
+  {:else if !isMigrationInitialized}
+    <Button
+      text="INITIALIZE MIGRATION"
+      on:click={() => {
+        isMigrationInitialized = true;
+      }}
+      disabled={!isAmountValid}
+    />
+  {/if}
+</article>
+
+<style lang="postcss">
+  .migrate {
+    border-radius: 1.25em;
+    background: var(--surface-color);
+    display: flex;
+    flex-direction: column;
+    gap: var(--default-gap);
+    padding: 1.25em;
+
+    &__header {
+      display: flex;
+      justify-content: space-between;
+    }
+
+    &__header-icons {
+      display: flex;
+      align-items: center;
+      gap: 0.675em;
+    }
+
+    &__token,
+    &__amount {
+      display: flex;
+      flex-direction: column;
+      gap: var(--default-gap);
+      border-radius: 1.5em;
+      padding: 0.75em;
+      background-color: var(--background-color);
+    }
+
+    &__amount-token {
+      display: flex;
+      gap: var(--small-gap);
+      align-items: center;
+    }
+
+    &__progress-notice {
+      padding: 1em 1.375em;
+      border-radius: 1.5em;
+      border: 1px solid var(--primary-color);
+    }
+
+    &__token-header {
+      font-weight: 500;
+    }
+
+    &__token-address {
+      font-size: 1em;
+      font-weight: 500;
+      font-family: "Soehne Mono";
+      text-align: center;
+    }
+
+    &__token-balance {
+      display: flex;
+      justify-content: space-between;
+      font-size: 0.875em;
+
+      span {
+        font-weight: 500;
+        font-family: "Soehne Mono";
+      }
+    }
+
+    &__amount-header {
+      display: flex;
+      justify-content: space-between;
+    }
+
+    &__amount-currency {
+      font-size: 0.875em;
+    }
+
+    &__amount-notice {
+      padding: 1em 1.375em;
+      border-radius: 0.675em;
+      border: 1px solid var(--error-color);
+      color: var(--error-color);
+    }
+
+    &__information-notice {
+      font-size: 0.875em;
+      line-height: 1.3125em;
+      padding: 1em 1.375em;
+      border-radius: 0.675em;
+      border: 1px solid var(--primary-color);
+      margin-top: 1.875em;
+    }
+
+    &__information-header {
+      display: flex;
+      justify-content: space-between;
+      padding-bottom: 1.25em;
+    }
+
+    &__information-time,
+    &__information-fee {
+      display: flex;
+      font-size: 0.875em;
+      align-items: center;
+      gap: var(--small-gap);
+
+      span {
+        display: flex;
+        align-items: center;
+      }
+    }
+
+    &__information-list {
+      padding-left: 1.375em;
+    }
+
+    &__information-approval {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: var(--default-gap);
+      padding: 2.25em 0;
+    }
+  }
+
+  :global(.dusk-textbox.migrate__input-field) {
+    background-color: var(--input--on-background-color);
+  }
+</style>
diff --git a/web-wallet/src/lib/containers/index.js b/web-wallet/src/lib/containers/index.js
index 725cb77dc4..2387cdbe37 100644
--- a/web-wallet/src/lib/containers/index.js
+++ b/web-wallet/src/lib/containers/index.js
@@ -1,2 +1,3 @@
 export { default as StakeContract } from "./StakeContract/StakeContract.svelte";
 export { default as TransferContract } from "./TransferContract/TransferContract.svelte";
+export { default as MigrateContract } from "./MigrateContract/MigrateContract.svelte";
diff --git a/web-wallet/src/lib/dusk/components/Wizard/WizardStep.svelte b/web-wallet/src/lib/dusk/components/Wizard/WizardStep.svelte
index 1183692daa..484e3e48c9 100644
--- a/web-wallet/src/lib/dusk/components/Wizard/WizardStep.svelte
+++ b/web-wallet/src/lib/dusk/components/Wizard/WizardStep.svelte
@@ -30,8 +30,8 @@
     wizardStore.decrementStep();
   }
 
-  function handleNext() {
-    nextButton?.action?.();
+  async function handleNext() {
+    await nextButton?.action?.();
     wizardStore.incrementStep();
   }
 
diff --git a/web-wallet/src/style/dusk/language.css b/web-wallet/src/style/dusk/language.css
index 0e094d6e0e..9df272b560 100644
--- a/web-wallet/src/style/dusk/language.css
+++ b/web-wallet/src/style/dusk/language.css
@@ -26,6 +26,8 @@
   --on-success-color: var(--smokey-black);
   --on-warning-color: var(--smokey-black);
 
+  --input--on-background-color: #fff;
+
   /* Typography */
 
   --main-font-family: "Soehne", "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -131,6 +133,8 @@
   --on-primary-color: var(--smokey-black);
   --on-surface-color: var(--light-grey);
 
+  --input--on-background-color: #000;
+
   /* Anchors */
   --anchor-color-on-surface: var(--accent-dark-900);
 
diff --git a/web-wallet/static/binance_dusk.svg b/web-wallet/static/binance_dusk.svg
new file mode 100644
index 0000000000..efafb55ca7
--- /dev/null
+++ b/web-wallet/static/binance_dusk.svg
@@ -0,0 +1,8 @@
+<svg width="37" height="27" viewBox="0 0 37 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.4821 13.4981L11.4953 18.3481L15.6163 20.7731V23.6126L9.0835 19.7811V12.0798L11.4821 13.4981ZM11.4821 8.64806V11.4743L9.08203 10.0546V7.22833L11.4821 5.80859L13.8938 7.22833L11.4821 8.64806ZM17.3374 7.22833L19.7374 5.80859L22.1492 7.22833L19.7374 8.64806L17.3374 7.22833Z" fill="#101010"/>
+<path d="M13.2163 17.3428V14.5034L15.6163 15.9231V18.7493L13.2163 17.3428ZM17.3374 21.7902L19.7374 23.2099L22.1492 21.7902V24.6164L19.7374 26.0361L17.3374 24.6164V21.7902ZM25.5912 7.22833L27.9912 5.80859L30.403 7.22833V10.0546L27.9912 11.4743V8.64806L25.5912 7.22833ZM27.9912 18.3481L28.0045 13.4981L30.4045 12.0784V19.7796L23.8717 23.6111V20.7717L27.9912 18.3481Z" fill="#101010"/>
+<path d="M26.2701 17.3414L23.8701 18.7479V15.9217L26.2701 14.502V17.3414Z" fill="#101010"/>
+<path d="M26.2702 9.65619L26.2834 12.4957L22.1506 14.9207V19.7825L19.7506 21.189L17.3506 19.7825V14.9207L13.2178 12.4957V9.65619L15.6281 8.23646L19.7359 10.6732L23.8687 8.23646L26.2805 9.65619H26.2702ZM13.2163 4.80764L19.7374 0.962891L26.2702 4.80764L23.8702 6.22737L19.7374 3.7906L15.6163 6.22737L13.2163 4.80764Z" fill="#101010"/>
+<rect x="25.354" y="15.0918" width="10.9432" height="10.9432" rx="5.47162" fill="#EDEAF3"/>
+<path d="M30.9351 16.6558C30.6469 16.648 30.3655 16.6714 30.0948 16.7222C28.2854 17.0642 26.9175 18.654 26.9175 20.5624C26.9175 22.4707 28.2863 24.0605 30.0958 24.4025C30.3323 24.4474 30.5765 24.4709 30.8257 24.4709C33.0367 24.4709 34.8189 22.6339 34.731 20.4031C34.6499 18.3638 32.9752 16.7105 30.9351 16.6558ZM31.0025 23.6843C30.9361 23.6882 30.8931 23.612 30.9341 23.5592C31.577 22.7316 31.961 21.6919 31.961 20.5624C31.961 19.4328 31.578 18.3921 30.9341 17.5655C30.8931 17.5127 30.9351 17.4365 31.0016 17.4404C32.6469 17.5323 33.9522 18.8944 33.9522 20.5624C33.9522 22.2303 32.6479 23.5924 31.0025 23.6843Z" fill="#101010"/>
+</svg>
diff --git a/web-wallet/static/binance_dusk_light.svg b/web-wallet/static/binance_dusk_light.svg
new file mode 100644
index 0000000000..55bedead06
--- /dev/null
+++ b/web-wallet/static/binance_dusk_light.svg
@@ -0,0 +1,8 @@
+<svg width="37" height="27" viewBox="0 0 37 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.4821 13.4981L11.4953 18.3481L15.6163 20.7731V23.6126L9.0835 19.7811V12.0798L11.4821 13.4981ZM11.4821 8.64806V11.4743L9.08203 10.0546V7.22833L11.4821 5.80859L13.8938 7.22833L11.4821 8.64806ZM17.3374 7.22833L19.7374 5.80859L22.1492 7.22833L19.7374 8.64806L17.3374 7.22833Z" fill="#EDEAF3"/>
+<path d="M13.2168 17.3428V14.5034L15.6168 15.9231V18.7493L13.2168 17.3428ZM17.3378 21.7902L19.7379 23.2099L22.1497 21.7902V24.6164L19.7379 26.0361L17.3378 24.6164V21.7902ZM25.5917 7.22833L27.9917 5.80859L30.4035 7.22833V10.0546L27.9917 11.4743V8.64806L25.5917 7.22833ZM27.9917 18.3481L28.005 13.4981L30.405 12.0784V19.7796L23.8722 23.6111V20.7717L27.9917 18.3481Z" fill="#EDEAF3"/>
+<path d="M26.2701 17.3414L23.8701 18.7479V15.9217L26.2701 14.502V17.3414Z" fill="#EDEAF3"/>
+<path d="M26.2697 9.65619L26.283 12.4957L22.1501 14.9207V19.7825L19.7501 21.189L17.3501 19.7825V14.9207L13.2173 12.4957V9.65619L15.6276 8.23646L19.7354 10.6732L23.8682 8.23646L26.28 9.65619H26.2697ZM13.2158 4.80764L19.7369 0.962891L26.2697 4.80764L23.8697 6.22737L19.7369 3.7906L15.6158 6.22737L13.2158 4.80764Z" fill="#EDEAF3"/>
+<rect x="25.3535" y="15.0918" width="10.9432" height="10.9432" rx="5.47162" fill="#2E2D30"/>
+<path d="M30.9346 16.6558C30.6464 16.648 30.365 16.6714 30.0944 16.7222C28.2849 17.0642 26.917 18.654 26.917 20.5624C26.917 22.4707 28.2858 24.0605 30.0953 24.4025C30.3318 24.4474 30.576 24.4709 30.8252 24.4709C33.0363 24.4709 34.8184 22.6339 34.7305 20.4031C34.6494 18.3638 32.9747 16.7105 30.9346 16.6558ZM31.002 23.6843C30.9356 23.6882 30.8926 23.612 30.9336 23.5592C31.5765 22.7316 31.9605 21.6919 31.9605 20.5624C31.9605 19.4328 31.5775 18.3921 30.9336 17.5655C30.8926 17.5127 30.9346 17.4365 31.0011 17.4404C32.6464 17.5323 33.9518 18.8944 33.9518 20.5624C33.9518 22.2303 32.6474 23.5924 31.002 23.6843Z" fill="#EDEAF3"/>
+</svg>
diff --git a/web-wallet/static/eth_dusk.svg b/web-wallet/static/eth_dusk.svg
new file mode 100644
index 0000000000..14403c9039
--- /dev/null
+++ b/web-wallet/static/eth_dusk.svg
@@ -0,0 +1,10 @@
+<svg width="20" height="25" viewBox="0 0 20 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.87109 0.804688V8.77019L13.6032 11.7789L6.87109 0.804688Z" fill="#101010" fill-opacity="0.6"/>
+<path d="M6.87077 0.804688L0.138672 11.7789L6.87077 8.77019V0.804688Z" fill="#101010"/>
+<path d="M6.87109 16.9374V22.3499L13.6071 13.0293L6.87109 16.9374Z" fill="#101010" fill-opacity="0.6"/>
+<path d="M6.87126 22.3499V16.9374L0.13916 13.0293L6.87126 22.3499Z" fill="#101010"/>
+<path d="M6.87109 15.6805L13.6032 11.7723L6.87109 8.76367V15.6805Z" fill="#101010" fill-opacity="0.2"/>
+<path d="M0.138672 11.7723L6.87077 15.6805V8.76367L0.138672 11.7723Z" fill="#101010" fill-opacity="0.6"/>
+<rect x="8.55664" y="13.0918" width="10.9432" height="10.9432" rx="5.47162" fill="#EDEAF3"/>
+<path d="M14.1377 14.6558C13.8495 14.648 13.5681 14.6714 13.2975 14.7222C11.488 15.0642 10.1201 16.654 10.1201 18.5624C10.1201 20.4707 11.489 22.0605 13.2985 22.4025C13.5349 22.4474 13.7792 22.4709 14.0283 22.4709C16.2394 22.4709 18.0215 20.6339 17.9336 18.4031C17.8525 16.3638 16.1778 14.7105 14.1377 14.6558ZM14.2052 21.6843C14.1387 21.6882 14.0957 21.612 14.1368 21.5592C14.7797 20.7316 15.1637 19.6919 15.1637 18.5624C15.1637 17.4328 14.7806 16.3921 14.1368 15.5655C14.0957 15.5127 14.1377 15.4365 14.2042 15.4404C15.8495 15.5323 17.1549 16.8944 17.1549 18.5624C17.1549 20.2303 15.8505 21.5924 14.2052 21.6843Z" fill="#101010"/>
+</svg>
diff --git a/web-wallet/static/eth_dusk_light.svg b/web-wallet/static/eth_dusk_light.svg
new file mode 100644
index 0000000000..7b5ae8ce2b
--- /dev/null
+++ b/web-wallet/static/eth_dusk_light.svg
@@ -0,0 +1,10 @@
+<svg width="20" height="25" viewBox="0 0 20 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.87109 0.804688V8.77019L13.6032 11.7789L6.87109 0.804688Z" fill="#EDEAF3" fill-opacity="0.6"/>
+<path d="M6.87077 0.804688L0.138672 11.7789L6.87077 8.77019V0.804688Z" fill="#EDEAF3"/>
+<path d="M6.87109 16.9374V22.3499L13.6071 13.0293L6.87109 16.9374Z" fill="#EDEAF3" fill-opacity="0.6"/>
+<path d="M6.87077 22.3499V16.9374L0.138672 13.0293L6.87077 22.3499Z" fill="#EDEAF3"/>
+<path d="M6.87109 15.6805L13.6032 11.7723L6.87109 8.76367V15.6805Z" fill="#E2DFE9" fill-opacity="0.2"/>
+<path d="M0.138672 11.7723L6.87077 15.6805V8.76367L0.138672 11.7723Z" fill="#EDEAF3" fill-opacity="0.6"/>
+<rect x="8.55664" y="13.0918" width="10.9432" height="10.9432" rx="5.47162" fill="#2E2D30"/>
+<path d="M14.1377 14.6558C13.8495 14.648 13.5681 14.6714 13.2975 14.7222C11.488 15.0642 10.1201 16.654 10.1201 18.5624C10.1201 20.4707 11.489 22.0605 13.2985 22.4025C13.5349 22.4474 13.7792 22.4709 14.0283 22.4709C16.2394 22.4709 18.0215 20.6339 17.9336 18.4031C17.8525 16.3638 16.1778 14.7105 14.1377 14.6558ZM14.2052 21.6843C14.1387 21.6882 14.0957 21.612 14.1368 21.5592C14.7797 20.7316 15.1637 19.6919 15.1637 18.5624C15.1637 17.4328 14.7806 16.3921 14.1368 15.5655C14.0957 15.5127 14.1377 15.4365 14.2042 15.4404C15.8495 15.5323 17.1549 16.8944 17.1549 18.5624C17.1549 20.2303 15.8505 21.5924 14.2052 21.6843Z" fill="#EDEAF3"/>
+</svg>