diff --git a/native/user-profile/user-profile.react.js b/native/user-profile/user-profile.react.js
--- a/native/user-profile/user-profile.react.js
+++ b/native/user-profile/user-profile.react.js
@@ -26,6 +26,7 @@
 import UserProfileMessageButton from './user-profile-message-button.react.js';
 import UserProfileRelationshipButton from './user-profile-relationship-button.react.js';
 import { BottomSheetContext } from '../bottom-sheet/bottom-sheet-provider.react.js';
+import ProtocolIcon from '../components/protocol-icon.react.js';
 import SingleLine from '../components/single-line.react.js';
 import SWMansionIcon from '../components/swmansion-icon.react.js';
 import { useStyles } from '../themes/colors.js';
@@ -56,7 +57,8 @@
     }
     return (
       <View style={styles.farcasterUsernameContainer}>
-        <Text style={styles.farcasterUsernameText}>Farcaster: {ensFCName}</Text>
+        <ProtocolIcon protocol="Farcaster DC" size={20} />
+        <Text style={styles.farcasterUsernameText}>{ensFCName}</Text>
       </View>
     );
   }, [
@@ -233,6 +235,9 @@
   },
   farcasterUsernameContainer: {
     paddingVertical: 8,
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
   },
   farcasterUsernameText: {
     color: 'modalForegroundLabel',
diff --git a/web/components/protocol-icon.react.js b/web/components/protocol-icon.react.js
--- a/web/components/protocol-icon.react.js
+++ b/web/components/protocol-icon.react.js
@@ -16,6 +16,7 @@
   +icon?: React.Node,
   +protocol?: ProtocolName,
   +size: number,
+  +style?: ?Partial<CSSStyle>,
 };
 
 function ProtocolIcon(props: Props): React.Node {
@@ -57,6 +58,7 @@
         alignItems: 'center',
         marginLeft: 3,
         marginRight: 3,
+        ...props.style,
       }}
     >
       {iconComponent}
diff --git a/web/modals/user-profile/user-profile.css b/web/modals/user-profile/user-profile.css
--- a/web/modals/user-profile/user-profile.css
+++ b/web/modals/user-profile/user-profile.css
@@ -26,6 +26,10 @@
 }
 
 .farcasterUsernameContainer {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 8px;
   padding: 8px 0;
 }
 
diff --git a/web/modals/user-profile/user-profile.react.js b/web/modals/user-profile/user-profile.react.js
--- a/web/modals/user-profile/user-profile.react.js
+++ b/web/modals/user-profile/user-profile.react.js
@@ -18,6 +18,7 @@
 import UserProfileAvatarModal from './user-profile-avatar-modal.react.js';
 import css from './user-profile.css';
 import UserAvatar from '../../avatars/user-avatar.react.js';
+import ProtocolIcon from '../../components/protocol-icon.react.js';
 import SingleLine from '../../components/single-line.react.js';
 
 type Props = {
@@ -75,7 +76,8 @@
     }
     return (
       <div className={css.farcasterUsernameContainer}>
-        <p className={css.farcasterUsernameText}>Farcaster: {ensFCName}</p>
+        <ProtocolIcon protocol="Farcaster DC" size={20} style={{ margin: 0 }} />
+        <p className={css.farcasterUsernameText}>{ensFCName}</p>
       </div>
     );
   }, [farcasterUsername, resolvedUsernameText]);