diff --git a/src/components/LeftSidebar/ConversationsList/Conversation.vue b/src/components/LeftSidebar/ConversationsList/Conversation.vue
index 784e0a11c17..854aabdf326 100644
--- a/src/components/LeftSidebar/ConversationsList/Conversation.vue
+++ b/src/components/LeftSidebar/ConversationsList/Conversation.vue
@@ -61,6 +61,12 @@
 			<ActionButton
 				:close-after-click="true"
 				@click.prevent.exact="markConversationAsRead">
+				<template #icon>
+					<EyeOutline
+						decorative
+						title=""
+						:size="16" />
+				</template>
 				{{ t('spreed', 'Mark as read') }}
 			</ActionButton>
 
@@ -113,6 +119,7 @@ import ActionSeparator from '@nextcloud/vue/dist/Components/ActionSeparator'
 import ActionCaption from '@nextcloud/vue/dist/Components/ActionCaption'
 import AppContentListItem from './AppContentListItem/AppContentListItem'
 import AppNavigationCounter from '@nextcloud/vue/dist/Components/AppNavigationCounter'
+import EyeOutline from 'vue-material-design-icons/EyeOutline'
 import ConversationIcon from './../../ConversationIcon'
 import { generateUrl } from '@nextcloud/router'
 import { CONVERSATION, PARTICIPANT, ATTENDEE } from '../../../constants'
@@ -126,6 +133,7 @@ export default {
 		AppContentListItem,
 		AppNavigationCounter,
 		ConversationIcon,
+		EyeOutline,
 	},
 	props: {
 		isSearchResult: {
diff --git a/src/components/MessagesList/MessagesGroup/Message/Message.vue b/src/components/MessagesList/MessagesGroup/Message/Message.vue
index c03467af3ca..b4dccdda301 100644
--- a/src/components/MessagesList/MessagesGroup/Message/Message.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/Message.vue
@@ -149,6 +149,12 @@ the main body of the message as well as a quote.
 							<ActionButton
 								:close-after-click="true"
 								@click.stop="handleMarkAsUnread">
+								<template #icon>
+									<EyeOffOutline
+										decorative
+										title=""
+										:size="16" />
+								</template>
 								{{ t('spreed', 'Mark as unread') }}
 							</ActionButton>
 							<ActionLink
@@ -206,6 +212,7 @@ import RichText from '@juliushaertl/vue-richtext'
 import AlertCircle from 'vue-material-design-icons/AlertCircle'
 import Check from 'vue-material-design-icons/Check'
 import CheckAll from 'vue-material-design-icons/CheckAll'
+import EyeOffOutline from 'vue-material-design-icons/EyeOffOutline'
 import Reload from 'vue-material-design-icons/Reload'
 import Quote from '../../../Quote'
 import isInCall from '../../../../mixins/isInCall'
@@ -241,6 +248,7 @@ export default {
 		AlertCircle,
 		Check,
 		CheckAll,
+		EyeOffOutline,
 		Reload,
 		ActionSeparator,
 	},