diff --git a/src/common/Icons.js b/src/common/Icons.js
index 051066e966a..49f9d0ce7e8 100644
--- a/src/common/Icons.js
+++ b/src/common/Icons.js
@@ -108,3 +108,4 @@ export const IconGroup: SpecificIconType = makeIcon(FontAwesome, 'group');
 export const IconPlus: SpecificIconType = makeIcon(Feather, 'plus');
 // eslint-disable-next-line react/function-component-definition
 export const IconWebPublic: SpecificIconType = props => <ZulipIcon name="globe" {...props} />;
+export const IconAllMessages: SpecificIconType = makeIcon(Feather, 'align-left');
diff --git a/src/main/HomeScreen.js b/src/main/HomeScreen.js
index 04fa68ed96f..657ecf8d3bb 100644
--- a/src/main/HomeScreen.js
+++ b/src/main/HomeScreen.js
@@ -18,6 +18,7 @@ import LoadingBanner from '../common/LoadingBanner';
 import ServerCompatBanner from '../common/ServerCompatBanner';
 import ServerPushSetupBanner from '../common/ServerPushSetupBanner';
 import { OfflineNoticePlaceholder } from '../boot/OfflineNoticeProvider';
+import { IconAllMessages } from '../common/Icons';
 
 const styles = createStyleSheet({
   wrapper: {
@@ -43,12 +44,17 @@ export default function HomeScreen(props: Props): Node {
     <SafeAreaView mode="padding" edges={['top']} style={styles.wrapper}>
       <OfflineNoticePlaceholder />
       <View style={styles.iconList}>
-        <TopTabButton
-          name="globe"
+        <TopTabButtonGeneral
           onPress={() => {
             dispatch(doNarrow(HOME_NARROW));
           }}
-        />
+        >
+          <IconAllMessages
+            size={24}
+            style={{ textAlign: 'center', transform: [{ scaleY: -1 }] }}
+            color={BRAND_COLOR}
+          />
+        </TopTabButtonGeneral>
         <TopTabButton
           name="star"
           onPress={() => {