diff --git a/src/assets/images/toolbar/icons/mentions.png b/src/assets/images/toolbar/icons/mentions.png
new file mode 100644
index 0000000..ca7d31d
Binary files /dev/null and b/src/assets/images/toolbar/icons/mentions.png differ
diff --git a/src/components/toolbar/ToolbarView.tsx b/src/components/toolbar/ToolbarView.tsx
index cc7d7c6..e8ad69a 100644
--- a/src/components/toolbar/ToolbarView.tsx
+++ b/src/components/toolbar/ToolbarView.tsx
@@ -336,7 +336,7 @@ export const ToolbarView: FC<{ isInRoom: boolean }> = props =>
                     </motion.div>
                     { mentionsEnabled &&
                         <motion.div variants={ itemVariants } className="relative">
-                            <ToolbarItemView icon="message" onClick={ () => CreateLinkEvent('mentions/toggle') } className="tb-icon" />
+                            <ToolbarItemView icon="mentions" onClick={ () => CreateLinkEvent('mentions/toggle') } className="tb-icon" />
                             { (mentionsUnread > 0) &&
                                 <LayoutItemCountView count={ mentionsUnread } className="absolute -right-2 -top-1" /> }
                         </motion.div> }
@@ -432,7 +432,7 @@ export const ToolbarView: FC<{ isInRoom: boolean }> = props =>
                     </motion.div>
                     { mentionsEnabled &&
                         <motion.div variants={ itemVariants } className="relative">
-                            <ToolbarItemView icon="message" onClick={ () => CreateLinkEvent('mentions/toggle') } className="tb-icon" />
+                            <ToolbarItemView icon="mentions" onClick={ () => CreateLinkEvent('mentions/toggle') } className="tb-icon" />
                             { (mentionsUnread > 0) &&
                                 <LayoutItemCountView count={ mentionsUnread } className="absolute -right-2 -top-1" /> }
                         </motion.div> }
diff --git a/src/css/icons/icons.css b/src/css/icons/icons.css
index 17a903f..7245da9 100644
--- a/src/css/icons/icons.css
+++ b/src/css/icons/icons.css
@@ -229,6 +229,13 @@
     height: 32px;
 }
 
+.nitro-icon.icon-mentions {
+    background-image: url("@/assets/images/toolbar/icons/mentions.png");
+    background-size: contain;
+    width: 36px;
+    height: 32px;
+}
+
 .nitro-icon.icon-wired-tools {
     background-image: url("@/assets/images/wiredtools/wired_menu.png");
     background-size: contain;