diff --git a/src/components/AddPlaidBankAccount.js b/src/components/AddPlaidBankAccount.js
index 656694a785a3..a5160a13f8e9 100644
--- a/src/components/AddPlaidBankAccount.js
+++ b/src/components/AddPlaidBankAccount.js
@@ -249,7 +249,6 @@ function AddPlaidBankAccount({
                     height={iconSize}
                     width={iconSize}
                     additionalStyles={iconStyles}
-                    fill={theme.icon}
                 />
                 <Text style={[styles.ml3, styles.textStrong]}>{bankName}</Text>
             </View>
diff --git a/src/components/AvatarCropModal/ImageCropView.js b/src/components/AvatarCropModal/ImageCropView.js
index ff91a654f5dd..92cbe3a4da04 100644
--- a/src/components/AvatarCropModal/ImageCropView.js
+++ b/src/components/AvatarCropModal/ImageCropView.js
@@ -90,7 +90,7 @@ function ImageCropView(props) {
                 <View style={[containerStyle, styles.l0, styles.b0, styles.pAbsolute]}>
                     <Icon
                         src={props.maskImage}
-                        fill={theme.icon}
+                        fill={theme.iconReversed}
                         width={props.containerSize}
                         height={props.containerSize}
                     />
diff --git a/src/components/DeeplinkWrapper/DeeplinkRedirectLoadingIndicator.tsx b/src/components/DeeplinkWrapper/DeeplinkRedirectLoadingIndicator.tsx
index 27d8027bbcff..ed91b51a2a44 100644
--- a/src/components/DeeplinkWrapper/DeeplinkRedirectLoadingIndicator.tsx
+++ b/src/components/DeeplinkWrapper/DeeplinkRedirectLoadingIndicator.tsx
@@ -37,7 +37,6 @@ function DeeplinkRedirectLoadingIndicator({openLinkInBrowser, session}: Deeplink
                     <Icon
                         width={200}
                         height={164}
-                        fill={theme.icon}
                         src={Illustrations.RocketBlue}
                     />
                 </View>
diff --git a/src/components/MenuItem.tsx b/src/components/MenuItem.tsx
index 34d60418d3ab..7fbe2c0d0fdf 100644
--- a/src/components/MenuItem.tsx
+++ b/src/components/MenuItem.tsx
@@ -532,7 +532,6 @@ function MenuItem(
                                                         src={furtherDetailsIcon}
                                                         height={variables.iconSizeNormal}
                                                         width={variables.iconSizeNormal}
-                                                        fill={theme.icon}
                                                         inline
                                                     />
                                                 )}
diff --git a/src/components/ValidateCode/ValidateCodeModal.tsx b/src/components/ValidateCode/ValidateCodeModal.tsx
index 9c83a80b0d24..1e42773c2dc2 100644
--- a/src/components/ValidateCode/ValidateCodeModal.tsx
+++ b/src/components/ValidateCode/ValidateCodeModal.tsx
@@ -40,7 +40,6 @@ function ValidateCodeModal({code, accountID, session = {}}: ValidateCodeModalPro
                     <Icon
                         width={variables.modalTopIconWidth}
                         height={variables.modalTopIconHeight}
-                        fill={theme.icon}
                         src={Illustrations.MagicCode}
                     />
                 </View>
diff --git a/src/pages/LogInWithShortLivedAuthTokenPage.js b/src/pages/LogInWithShortLivedAuthTokenPage.js
index 2c5184f5c162..1fe9b67eef16 100644
--- a/src/pages/LogInWithShortLivedAuthTokenPage.js
+++ b/src/pages/LogInWithShortLivedAuthTokenPage.js
@@ -89,7 +89,6 @@ function LogInWithShortLivedAuthTokenPage(props) {
                     <Icon
                         width={200}
                         height={164}
-                        fill={theme.icon}
                         src={Illustrations.RocketBlue}
                     />
                 </View>
diff --git a/src/pages/home/report/ReportDropUI.js b/src/pages/home/report/ReportDropUI.js
index 3f113e685b1d..c1c3b8e506ab 100644
--- a/src/pages/home/report/ReportDropUI.js
+++ b/src/pages/home/report/ReportDropUI.js
@@ -6,7 +6,6 @@ import Icon from '@components/Icon';
 import * as Expensicons from '@components/Icon/Expensicons';
 import Text from '@components/Text';
 import useLocalize from '@hooks/useLocalize';
-import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';
 
 const propTypes = {
@@ -15,7 +14,6 @@ const propTypes = {
 };
 
 function ReportDropUI({onDrop}) {
-    const theme = useTheme();
     const styles = useThemeStyles();
     const {translate} = useLocalize();
     return (
@@ -23,7 +21,6 @@ function ReportDropUI({onDrop}) {
             <View style={[styles.reportDropOverlay, styles.w100, styles.h100, styles.justifyContentCenter, styles.alignItemsCenter]}>
                 <View style={styles.mb3}>
                     <Icon
-                        fill={theme.icon}
                         src={Expensicons.DragAndDrop}
                         width={100}
                         height={100}
diff --git a/src/pages/settings/Wallet/TransferBalancePage.js b/src/pages/settings/Wallet/TransferBalancePage.js
index 303baa4b4b13..8128395965b7 100644
--- a/src/pages/settings/Wallet/TransferBalancePage.js
+++ b/src/pages/settings/Wallet/TransferBalancePage.js
@@ -223,6 +223,7 @@ function TransferBalancePage(props) {
                             iconHeight={selectedAccount.iconSize}
                             icon={selectedAccount.icon}
                             onPress={() => navigateToChooseTransferAccount(selectedAccount.accountType)}
+                            displayInDefaultIconColor
                         />
                     )}
                     <View style={styles.ph5}>