diff --git a/web/avatars/edit-user-avatar.react.js b/web/avatars/edit-user-avatar.react.js
new file mode 100644
--- /dev/null
+++ b/web/avatars/edit-user-avatar.react.js
@@ -0,0 +1,16 @@
+// @flow
+
+import * as React from 'react';
+
+import UserAvatar from './user-avatar.react.js';
+
+type Props = {
+  +userID: ?string,
+  +disabled?: boolean,
+};
+function EditUserAvatar(props: Props): React.Node {
+  const { userID } = props;
+  return <UserAvatar userID={userID} size="profile" />;
+}
+
+export default EditUserAvatar;
diff --git a/web/settings/account-settings.react.js b/web/settings/account-settings.react.js
--- a/web/settings/account-settings.react.js
+++ b/web/settings/account-settings.react.js
@@ -17,6 +17,7 @@
 import PasswordChangeModal from './password-change-modal.js';
 import BlockListModal from './relationship/block-list-modal.react.js';
 import FriendListModal from './relationship/friend-list-modal.react.js';
+import EditUserAvatar from '../avatars/edit-user-avatar.react.js';
 import UserAvatar from '../avatars/user-avatar.react.js';
 import Button from '../components/button.react.js';
 import { useSelector } from '../redux/redux-utils.js';
@@ -76,10 +77,18 @@
     );
   }
 
+  const editingAvatarsOnWebEnabled = false;
+  let avatarNode;
+  if (editingAvatarsOnWebEnabled) {
+    avatarNode = <EditUserAvatar userID={currentUserInfo.id} />;
+  } else {
+    avatarNode = <UserAvatar size="profile" userID={currentUserInfo.id} />;
+  }
+
   return (
     <div className={css.container}>
       <h4 className={css.header}>My Account</h4>
-      <UserAvatar size="profile" userID={currentUserInfo.id} />
+      {avatarNode}
       <div className={css.content}>
         <ul>
           <li>