Update: Changed icon pack to Boxicons

src/components/common/user/UserHeader.tsx

@@ -8,7 +8,7 @@ import styled from "styled-components";
 import { Localizer } from 'preact-i18n';
 import { Link } from "react-router-dom";
 import IconButton from "../../ui/IconButton";
-import { Settings } from "@styled-icons/feather";
+import { Cog } from "@styled-icons/boxicons-solid";
 import { openContextMenu } from "preact-context-menu";
 import { isTouchscreenDevice } from "../../../lib/isTouchscreenDevice";
 import { useIntermediate } from "../../../context/intermediate/Intermediate";
@@ -76,7 +76,7 @@ export default function UserHeader({ user }: Props) {
             { !isTouchscreenDevice && <div className="actions">
                 <Link to="/settings">
                     <IconButton>
-                        <Settings size={24} />
+                        <Cog size={24} />
                     </IconButton>
                 </Link>
             </div> }

src/components/common/user/UserIcon.tsx

@@ -1,6 +1,6 @@
 import { User } from "revolt.js";
 import { useContext } from "preact/hooks";
-import { MicOff } from "@styled-icons/feather";
+import { MicrophoneOff } from "@styled-icons/boxicons-regular";
 import styled, { css } from "styled-components";
 import { Users } from "revolt.js/dist/api/objects";
 import { ThemeContext } from "../../../context/Theme";
@@ -83,7 +83,7 @@ export default function UserIcon(props: Props & Omit<JSX.SVGAttributes<SVGSVGEle
                     width="10"
                     height="10">
                     <VoiceIndicator status={props.voice}>
-                        {props.voice === "muted" && <MicOff size={6} />}
+                        {props.voice === "muted" && <MicrophoneOff size={6} />}
                     </VoiceIndicator>
                 </foreignObject>
             )}