use icon to replace symbol character

src/styles/mobile/font-size-default.css

@@ -72,6 +72,8 @@
     --ebk-transaction-date-width: 25px;
     --ebk-transaction-day-font-size: 16px;
     --ebk-transaction-day-of-week-font-size: 12px;
+    --ebk-transaction-account-arrow-font-size: 12px;
+    --ebk-transaction-account-arrow-margin-bottom: 1px;
     --ebk-login-page-title-font-size: 28px;
     --ebk-license-popup-title-font-size: 30px;
     --ebk-license-content-font-size: 14px;

src/styles/mobile/font-size-large.css

@@ -72,6 +72,8 @@
     --ebk-transaction-date-width: 28px;
     --ebk-transaction-day-font-size: 17px;
     --ebk-transaction-day-of-week-font-size: 13px;
+    --ebk-transaction-account-arrow-font-size: 13px;
+    --ebk-transaction-account-arrow-margin-bottom: 1px;
     --ebk-login-page-title-font-size: 28px;
     --ebk-license-popup-title-font-size: 31px;
     --ebk-license-content-font-size: 15px;

src/styles/mobile/font-size-small.css

@@ -72,6 +72,8 @@
     --ebk-transaction-date-width: 25px;
     --ebk-transaction-day-font-size: 16px;
     --ebk-transaction-day-of-week-font-size: 12px;
+    --ebk-transaction-account-arrow-font-size: 12px;
+    --ebk-transaction-account-arrow-margin-bottom: 1px;
     --ebk-login-page-title-font-size: 28px;
     --ebk-license-popup-title-font-size: 30px;
     --ebk-license-content-font-size: 13px;

src/styles/mobile/font-size-x-large.css

@@ -72,6 +72,8 @@
     --ebk-transaction-date-width: 30px;
     --ebk-transaction-day-font-size: 18px;
     --ebk-transaction-day-of-week-font-size: 14px;
+    --ebk-transaction-account-arrow-font-size: 14px;
+    --ebk-transaction-account-arrow-margin-bottom: 1px;
     --ebk-login-page-title-font-size: 28px;
     --ebk-license-popup-title-font-size: 32px;
     --ebk-license-content-font-size: 16px;

src/styles/mobile/font-size-xx-large.css

@@ -72,6 +72,8 @@
     --ebk-transaction-date-width: 32px;
     --ebk-transaction-day-font-size: 20px;
     --ebk-transaction-day-of-week-font-size: 15px;
+    --ebk-transaction-account-arrow-font-size: 15px;
+    --ebk-transaction-account-arrow-margin-bottom: 2px;
     --ebk-login-page-title-font-size: 28px;
     --ebk-license-popup-title-font-size: 36px;
     --ebk-license-content-font-size: 17px;

src/styles/mobile/font-size-xxx-large.css

@@ -72,6 +72,8 @@
     --ebk-transaction-date-width: 36px;
     --ebk-transaction-day-font-size: 22px;
     --ebk-transaction-day-of-week-font-size: 17px;
+    --ebk-transaction-account-arrow-font-size: 17px;
+    --ebk-transaction-account-arrow-margin-bottom: 2px;
     --ebk-login-page-title-font-size: 28px;
     --ebk-license-popup-title-font-size: 38px;
     --ebk-license-content-font-size: 19px;

src/styles/mobile/font-size-xxxx-large.css

@@ -72,6 +72,8 @@
     --ebk-transaction-date-width: 40px;
     --ebk-transaction-day-font-size: 24px;
     --ebk-transaction-day-of-week-font-size: 19px;
+    --ebk-transaction-account-arrow-font-size: 19px;
+    --ebk-transaction-account-arrow-margin-bottom: 3px;
     --ebk-login-page-title-font-size: 28px;
     --ebk-license-popup-title-font-size: 40px;
     --ebk-license-content-font-size: 21px;

src/views/mobile/transactions/ListPage.vue

@@ -211,7 +211,7 @@
                                                 <span v-if="transaction.utcOffset !== currentTimezoneOffsetMinutes">{{ `(${getDisplayTimezone(transaction)})` }}</span>
                                                 <span v-if="transaction.sourceAccount">·</span>
                                                 <span v-if="transaction.sourceAccount">{{ transaction.sourceAccount.name }}</span>
-                                                <span v-if="transaction.sourceAccount && transaction.type === allTransactionTypes.Transfer && transaction.destinationAccount && transaction.sourceAccount.id !== transaction.destinationAccount.id">→</span>
+                                                <f7-icon f7="arrow_right" class="transaction-account-arrow" v-if="transaction.sourceAccount && transaction.type === allTransactionTypes.Transfer && transaction.destinationAccount && transaction.sourceAccount.id !== transaction.destinationAccount.id"></f7-icon>
                                                 <span v-if="transaction.sourceAccount && transaction.type === allTransactionTypes.Transfer && transaction.destinationAccount && transaction.sourceAccount.id !== transaction.destinationAccount.id">{{ transaction.destinationAccount.name }}</span>
                                             </div>
                                         </div>
@@ -971,6 +971,12 @@ export default {
     margin-right: 4px;
 }
 
+.list.transaction-info-list li.transaction-info .transaction-footer .transaction-account-arrow {
+    font-size: var(--ebk-transaction-account-arrow-font-size);
+    margin-right: 4px;
+    margin-bottom: var(--ebk-transaction-account-arrow-margin-bottom);
+}
+
 .list.transaction-info-list li.transaction-info .transaction-amount {
     color: var(--f7-list-item-after-text-color);
     overflow: hidden;