diff --git a/assets/images/concierge.svg b/assets/images/concierge.svg
index d3b0861e759a..2cf6b1b7d534 100644
--- a/assets/images/concierge.svg
+++ b/assets/images/concierge.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" viewBox="0 0 20 20"><style>.st0{fill-rule:evenodd;clip-rule:evenodd}</style><path d="M10 6.7c.8 0 1.5.4 1.9 1.1L10.5 9l1.5.3c-.2.9-1 1.6-2 1.6-1.1 0-2.1-.9-2.1-2s1-2.2 2.1-2.2"/><path d="m11 1.6 8.9 15.6c.2.3.2.8 0 1.1s-.6.6-1 .6H1.1c-.4 0-.8-.2-1-.6-.2-.3-.2-.8 0-1.1L9 1.6c.2-.4.6-.6 1-.6s.8.2 1 .6M6.6 14.1s.1 2.7 3.3 2.7 3.4-2.7 3.4-2.7zM5.9 8s.1 3.4 4.3 3.4c4.3 0 3.8-3.6 3.8-3.6s-1.7-1.6-4-1.6C7.8 6.1 5.9 8 5.9 8" class="st0"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 20 20"><path d="M13.773 7.327c-.575-.434-1.975-1.336-3.717-1.364-2.297-.037-4.149 1.815-4.149 1.815.002.052.145 3.37 4.334 3.37 3.468 0 3.816-2.383 3.826-3.268L20 19H0L9.863 0zm-7.162 6.599c.002.033.167 2.74 3.333 2.74 3.185 0 3.407-2.74 3.37-2.74zm3.408-7.407c.815 0 1.518.445 1.851 1.111L10.5 8.778l1.519.259a2.07 2.07 0 0 1-2 1.556c-1.148 0-2.074-.926-2.074-2.037-.001-1.111.925-2.037 2.074-2.037M6 6c-2.027.538-2.462.973-3 3-.538-2.027-.973-2.462-3-3 2.027-.538 2.462-.973 3-3 .538 2.027.973 2.462 3 3M20 6c-2.027.538-2.462.973-3 3-.538-2.027-.973-2.462-3-3 2.027-.538 2.462-.973 3-3 .538 2.027.973 2.462 3 3"/></svg>
\ No newline at end of file
diff --git a/src/components/SidePanel/SidePanelButton/SidePanelButtonBase.tsx b/src/components/SidePanel/SidePanelButton/SidePanelButtonBase.tsx
index 1236940a8f63..0dbd33e39ca7 100644
--- a/src/components/SidePanel/SidePanelButton/SidePanelButtonBase.tsx
+++ b/src/components/SidePanel/SidePanelButton/SidePanelButtonBase.tsx
@@ -21,7 +21,7 @@ function SidePanelButtonBase({style}: SidePanelButtonProps) {
     const {translate} = useLocalize();
     const {shouldHideHelpButton} = useSidePanelState();
     const {openSidePanel} = useSidePanelActions();
-    const {ConciergeAvatar} = useMemoizedLazyExpensifyIcons(['ConciergeAvatar']);
+    const {Concierge} = useMemoizedLazyExpensifyIcons(['Concierge']);
 
     if (shouldHideHelpButton) {
         return null;
@@ -36,10 +36,8 @@ function SidePanelButtonBase({style}: SidePanelButtonProps) {
                 onPress={openSidePanel}
             >
                 <Icon
-                    src={ConciergeAvatar}
+                    src={Concierge}
                     fill={theme.icon}
-                    width={28}
-                    height={28}
                 />
             </PressableWithoutFeedback>
         </Tooltip>
diff --git a/src/components/SidePanel/SidePanelButton/index.native.tsx b/src/components/SidePanel/SidePanelButton/index.native.tsx
index 600318912567..4eba0cdc5e25 100644
--- a/src/components/SidePanel/SidePanelButton/index.native.tsx
+++ b/src/components/SidePanel/SidePanelButton/index.native.tsx
@@ -7,6 +7,7 @@ import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
 import useLocalize from '@hooks/useLocalize';
 import useOnyx from '@hooks/useOnyx';
 import useSidePanelState from '@hooks/useSidePanelState';
+import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';
 
 import {navigateToConciergeChat} from '@userActions/Report';
@@ -21,10 +22,11 @@ import type SidePanelButtonProps from './types';
 
 function SidePanelButton({style}: SidePanelButtonProps) {
     const styles = useThemeStyles();
+    const theme = useTheme();
     const {translate} = useLocalize();
     const {shouldHideHelpButton} = useSidePanelState();
     const {accountID: currentUserAccountID = CONST.DEFAULT_NUMBER_ID} = useCurrentUserPersonalDetails();
-    const {ConciergeAvatar} = useMemoizedLazyExpensifyIcons(['ConciergeAvatar']);
+    const {Concierge} = useMemoizedLazyExpensifyIcons(['Concierge']);
     const [conciergeReportID] = useOnyx(ONYXKEYS.CONCIERGE_REPORT_ID);
     const [introSelected] = useOnyx(ONYXKEYS.NVP_INTRO_SELECTED);
     const [isSelfTourViewed] = useOnyx(ONYXKEYS.NVP_ONBOARDING, {selector: hasSeenTourSelector});
@@ -43,9 +45,8 @@ function SidePanelButton({style}: SidePanelButtonProps) {
                 onPress={() => navigateToConciergeChat(conciergeReportID, introSelected, currentUserAccountID, isSelfTourViewed, betas)}
             >
                 <Icon
-                    src={ConciergeAvatar}
-                    width={28}
-                    height={28}
+                    src={Concierge}
+                    fill={theme.icon}
                 />
             </PressableWithoutFeedback>
         </Tooltip>