Use third-party icon for edit profile, revert AppLayout to Edit icon

package-lock.json

@@ -10953,6 +10953,11 @@
         "safe-buffer": "^5.1.2"
       }
     },
+    "mdi-material-ui": {
+      "version": "5.11.0",
+      "resolved": "https://registry.npmjs.org/mdi-material-ui/-/mdi-material-ui-5.11.0.tgz",
+      "integrity": "sha512-9fIvdiKCKAfBoW11LqZsgaxZtu9WCQEd8FL9/8ceLHvStSf+fZM6sC7exwXaXZmzfwtJMfN1KiMGsPBPSTQFQg=="
+    },
     "mdn-data": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-1.1.4.tgz",

package.json

@@ -17,6 +17,7 @@
     "emoji-mart": "^2.8.2",
     "file-dialog": "^0.0.7",
     "material-ui-pickers": "^2.2.4",
+    "mdi-material-ui": "^5.11.0",
     "megalodon": "^0.6.3",
     "moment": "^2.24.0",
     "notistack": "^0.5.1",

src/components/AppLayout/AppLayout.tsx

@@ -10,7 +10,7 @@ import PublicIcon from '@material-ui/icons/Public';
 import GroupIcon from '@material-ui/icons/Group';
 import SettingsIcon from '@material-ui/icons/Settings';
 import InfoIcon from '@material-ui/icons/Info';
-import AddCommentIcon from '@material-ui/icons/AddComment';
+import CreateIcon from '@material-ui/icons/Create';
 //import SupervisedUserCircleIcon from '@material-ui/icons/SupervisedUserCircle';
 import ExitToAppIcon from '@material-ui/icons/ExitToApp';
 import {styles} from './AppLayout.styles';
@@ -395,7 +395,7 @@ export class AppLayout extends Component<any, IAppLayoutState> {
         </Dialog>
         <Tooltip title="Create a new post">
           <LinkableFab to="/compose" className={classes.composeButton} color="secondary" aria-label="Compose">
-            <AddCommentIcon/>
+            <CreateIcon/>
           </LinkableFab>
         </Tooltip>
     </div>

src/pages/ProfilePage.tsx

@@ -10,7 +10,7 @@ import {withSnackbar} from 'notistack';
 import { LinkableButton, LinkableIconButton } from '../interfaces/overrides';
 import { emojifyString } from '../utilities/emojis';
 
-import EditIcon from '@material-ui/icons/Edit';
+import AccountEditIcon from 'mdi-material-ui/AccountEdit';
 
 interface IProfilePageState {
     account?: Account;
@@ -230,7 +230,7 @@ class ProfilePage extends Component<any, IProfilePageState> {
                             this.isItMe()?
                             <Tooltip title="Edit profile">
                                 <LinkableIconButton to="/you" color="inherit" className={classes.pageHeroToolbar}>
-                                    <EditIcon/>
+                                    <AccountEditIcon/>
                                 </LinkableIconButton>
                             </Tooltip>: null
                         }