From 1279f9bfba57ba477445a2fc0b4d66797a09f4fb Mon Sep 17 00:00:00 2001
From: Andy Scherzinger <info@andy-scherzinger.de>
Date: Thu, 4 Sep 2025 10:16:22 +0200
Subject: [PATCH] style(icon): Migrate to outline Material Symbol style

Signed-off-by: Andy Scherzinger <info@andy-scherzinger.de>
Signed-off-by: Max <max@nextcloud.com>
---
 src/components/Assistant.vue             |  4 ++--
 src/components/Editor/OfflineState.vue   |  2 +-
 src/components/Editor/PreviewOptions.vue |  2 +-
 src/components/icons.js                  | 24 +++++++++++-------------
 src/nodes/CodeBlock/CodeBlockView.vue    |  2 +-
 src/nodes/ImageView.vue                  |  2 +-
 src/nodes/Table/TableCellView.vue        |  6 +++---
 src/nodes/Table/TableHeaderView.vue      |  6 +++---
 src/nodes/Table/TableView.vue            |  6 +++---
 9 files changed, 26 insertions(+), 28 deletions(-)

diff --git a/src/components/Assistant.vue b/src/components/Assistant.vue
index 596169c6b5e..b63092c03c9 100644
--- a/src/components/Assistant.vue
+++ b/src/components/Assistant.vue
@@ -160,13 +160,13 @@ import CheckCircleOutlineIcon from 'vue-material-design-icons/CheckCircleOutline
 import ClipboardTextOutlineIcon from 'vue-material-design-icons/ClipboardTextOutline.vue'
 import ClockOutline from 'vue-material-design-icons/ClockOutline.vue'
 import CreationOutlineIcon from 'vue-material-design-icons/CreationOutline.vue'
-import DeleteOutlineIcon from 'vue-material-design-icons/DeleteOutline.vue'
 import FormatHeader1 from 'vue-material-design-icons/FormatHeader1.vue'
 import PencilOutlineIcon from 'vue-material-design-icons/PencilOutline.vue'
 import Shuffle from 'vue-material-design-icons/Shuffle.vue'
 import TextBoxPlusOutlineIcon from 'vue-material-design-icons/TextBoxPlusOutline.vue'
 import TextShort from 'vue-material-design-icons/TextShort.vue'
-import TranslateVariant from 'vue-material-design-icons/TranslateVariant.vue'
+import TranslateVariant from 'vue-material-design-icons/Translate.vue'
+import DeleteOutlineIcon from 'vue-material-design-icons/TrashCanOutline.vue'
 import { useEditor } from '../composables/useEditor.ts'
 import { useEditorFlags } from '../composables/useEditorFlags.ts'
 import markdownit from '../markdownit/index.js'
diff --git a/src/components/Editor/OfflineState.vue b/src/components/Editor/OfflineState.vue
index c98b687a448..3ac8a245806 100644
--- a/src/components/Editor/OfflineState.vue
+++ b/src/components/Editor/OfflineState.vue
@@ -21,7 +21,7 @@
 <script>
 import moment from '@nextcloud/moment'
 import NcButton from '@nextcloud/vue/components/NcButton'
-import CloudOffIcon from 'vue-material-design-icons/CloudOff.vue'
+import CloudOffIcon from 'vue-material-design-icons/CloudOffOutline.vue'
 import refreshMoment from '../../mixins/refreshMoment.js'
 
 export default {
diff --git a/src/components/Editor/PreviewOptions.vue b/src/components/Editor/PreviewOptions.vue
index 14f6bd28de9..ecd48529fc7 100644
--- a/src/components/Editor/PreviewOptions.vue
+++ b/src/components/Editor/PreviewOptions.vue
@@ -53,9 +53,9 @@ import NcActionCaption from '@nextcloud/vue/components/NcActionCaption'
 import NcActionRadio from '@nextcloud/vue/components/NcActionRadio'
 import NcActions from '@nextcloud/vue/components/NcActions'
 import NcActionSeparator from '@nextcloud/vue/components/NcActionSeparator'
-import DeleteOutlineIcon from 'vue-material-design-icons/DeleteOutline.vue'
 import DotsVerticalIcon from 'vue-material-design-icons/DotsVertical.vue'
 import OpenIcon from 'vue-material-design-icons/OpenInNew.vue'
+import DeleteOutlineIcon from 'vue-material-design-icons/TrashCanOutline.vue'
 
 export default {
 	name: 'PreviewOptions',
diff --git a/src/components/icons.js b/src/components/icons.js
index 4536ac7d180..c0bff9ce110 100644
--- a/src/components/icons.js
+++ b/src/components/icons.js
@@ -19,11 +19,10 @@ import MDI_CircleMedium from 'vue-material-design-icons/CircleMedium.vue'
 import MDI_Close from 'vue-material-design-icons/Close.vue'
 import MDI_CodeBrackets from 'vue-material-design-icons/CodeBrackets.vue'
 import MDI_CodeTags from 'vue-material-design-icons/CodeTags.vue'
-import MDI_Delete from 'vue-material-design-icons/Delete.vue'
 import MDI_DotsHorizontal from 'vue-material-design-icons/DotsHorizontal.vue'
 import MDI_Emoticon from 'vue-material-design-icons/EmoticonOutline.vue'
 import MDI_Document from 'vue-material-design-icons/FileDocument.vue'
-import MDI_Folder from 'vue-material-design-icons/Folder.vue'
+import MDI_Folder from 'vue-material-design-icons/FolderOutline.vue'
 import MDI_FormatBold from 'vue-material-design-icons/FormatBold.vue'
 import MDI_FormatHeader1 from 'vue-material-design-icons/FormatHeader1.vue'
 import MDI_FormatHeader2 from 'vue-material-design-icons/FormatHeader2.vue'
@@ -41,29 +40,29 @@ import MDI_FormatQuote from 'vue-material-design-icons/FormatQuoteClose.vue'
 import MDI_FormatSize from 'vue-material-design-icons/FormatSize.vue'
 import MDI_FormatStrikethrough from 'vue-material-design-icons/FormatStrikethrough.vue'
 import MDI_FormatUnderline from 'vue-material-design-icons/FormatUnderline.vue'
-import MDI_Help from 'vue-material-design-icons/HelpCircle.vue'
+import MDI_Help from 'vue-material-design-icons/HelpCircleOutline.vue'
 import MDI_Image from 'vue-material-design-icons/ImageOutline.vue'
-import MDI_Info from 'vue-material-design-icons/Information.vue'
+import MDI_Info from 'vue-material-design-icons/InformationOutline.vue'
 import MDI_Link from 'vue-material-design-icons/Link.vue'
 import MDI_LinkOff from 'vue-material-design-icons/LinkOff.vue'
-import MDI_LinkVariantPlus from 'vue-material-design-icons/LinkVariantPlus.vue'
+import MDI_LinkVariantPlus from 'vue-material-design-icons/LinkPlus.vue'
 import MDI_Loading from 'vue-material-design-icons/Loading.vue'
-import MDI_Lock from 'vue-material-design-icons/Lock.vue'
+import MDI_Lock from 'vue-material-design-icons/LockOutline.vue'
 import MDI_Paperclip from 'vue-material-design-icons/Paperclip.vue'
-import MDI_Pencil from 'vue-material-design-icons/Pencil.vue'
-import MDI_PencilOff from 'vue-material-design-icons/PencilOff.vue'
+import MDI_PencilOff from 'vue-material-design-icons/PencilOffOutline.vue'
+import MDI_Pencil from 'vue-material-design-icons/PencilOutline.vue'
 import MDI_Plus from 'vue-material-design-icons/Plus.vue'
-import MDI_Shape from 'vue-material-design-icons/Shape.vue'
+import MDI_Shape from 'vue-material-design-icons/ShapeOutline.vue'
 import MDI_Table from 'vue-material-design-icons/Table.vue'
 import MDI_TableSettings from 'vue-material-design-icons/TableCog.vue'
 import MDI_TableAddColumnAfter from 'vue-material-design-icons/TableColumnPlusAfter.vue'
 import MDI_TableAddColumnBefore from 'vue-material-design-icons/TableColumnPlusBefore.vue'
 import MDI_TableAddRowAfter from 'vue-material-design-icons/TableRowPlusAfter.vue'
 import MDI_TableAddRowBefore from 'vue-material-design-icons/TableRowPlusBefore.vue'
-import MDI_TranslateVariant from 'vue-material-design-icons/TranslateVariant.vue'
-import MDI_TrashCan from 'vue-material-design-icons/TrashCan.vue'
+import MDI_TranslateVariant from 'vue-material-design-icons/Translate.vue'
+import MDI_TrashCan from 'vue-material-design-icons/TrashCanOutline.vue'
+import MDI_Upload from 'vue-material-design-icons/TrayArrowUp.vue'
 import MDI_UnfoldMoreHorizontal from 'vue-material-design-icons/UnfoldMoreHorizontal.vue'
-import MDI_Upload from 'vue-material-design-icons/Upload.vue'
 import MDI_Web from 'vue-material-design-icons/Web.vue'
 
 const DEFAULT_ICON_SIZE = 20
@@ -101,7 +100,6 @@ export const CodeBrackets = makeIcon(MDI_CodeBrackets)
 export const CodeTags = makeIcon(MDI_CodeTags)
 export const CircleMedium = makeIcon(MDI_CircleMedium)
 export const Danger = makeIcon(MDI_Danger)
-export const Delete = makeIcon(MDI_Delete)
 export const Document = makeIcon(MDI_Document)
 export const DotsHorizontal = makeIcon(MDI_DotsHorizontal)
 export const Emoticon = makeIcon(MDI_Emoticon)
diff --git a/src/nodes/CodeBlock/CodeBlockView.vue b/src/nodes/CodeBlock/CodeBlockView.vue
index f9a35f301a4..8c26492367d 100644
--- a/src/nodes/CodeBlock/CodeBlockView.vue
+++ b/src/nodes/CodeBlock/CodeBlockView.vue
@@ -114,7 +114,7 @@ import Check from 'vue-material-design-icons/Check.vue'
 import CodeBraces from 'vue-material-design-icons/CodeBraces.vue'
 import ContentCopy from 'vue-material-design-icons/ContentCopy.vue'
 import EyeOutlineIcon from 'vue-material-design-icons/EyeOutline.vue'
-import Help from 'vue-material-design-icons/Help.vue'
+import Help from 'vue-material-design-icons/HelpCircleOutline.vue'
 import MarkerIcon from 'vue-material-design-icons/Marker.vue'
 import ViewSplitVertical from 'vue-material-design-icons/ViewSplitVertical.vue'
 
diff --git a/src/nodes/ImageView.vue b/src/nodes/ImageView.vue
index 806f4136859..3ac6be8c8c7 100644
--- a/src/nodes/ImageView.vue
+++ b/src/nodes/ImageView.vue
@@ -141,7 +141,7 @@ import NcButton from '@nextcloud/vue/components/NcButton'
 import { NodeViewWrapper } from '@tiptap/vue-2'
 import ClickOutside from 'vue-click-outside'
 import { useAttachmentResolver } from '../components/Editor.provider.ts'
-import { Delete as DeleteIcon, Image as ImageIcon } from '../components/icons.js'
+import { TrashCan as DeleteIcon, Image as ImageIcon } from '../components/icons.js'
 import ShowImageModal from '../components/ImageView/ShowImageModal.vue'
 import { logger } from '../helpers/logger.js'
 
diff --git a/src/nodes/Table/TableCellView.vue b/src/nodes/Table/TableCellView.vue
index ba9cc3c285e..95eaca5cac6 100644
--- a/src/nodes/Table/TableCellView.vue
+++ b/src/nodes/Table/TableCellView.vue
@@ -31,7 +31,7 @@
 					close-after-click
 					@click="deleteRow">
 					<template #icon>
-						<Delete />
+						<TrashCan />
 					</template>
 					{{ t('text', 'Delete this row') }}
 				</NcActionButton>
@@ -46,9 +46,9 @@ import NcActionButton from '@nextcloud/vue/components/NcActionButton'
 import NcActions from '@nextcloud/vue/components/NcActions'
 import { NodeViewContent, NodeViewWrapper } from '@tiptap/vue-2'
 import {
-	Delete,
 	TableAddRowAfter,
 	TableAddRowBefore,
+	TrashCan,
 } from '../../components/icons.js'
 
 export default {
@@ -60,7 +60,7 @@ export default {
 		NodeViewContent,
 		TableAddRowBefore,
 		TableAddRowAfter,
-		Delete,
+		TrashCan,
 	},
 	props: {
 		editor: {
diff --git a/src/nodes/Table/TableHeaderView.vue b/src/nodes/Table/TableHeaderView.vue
index 1eb5d9901d5..df3578e4abe 100644
--- a/src/nodes/Table/TableHeaderView.vue
+++ b/src/nodes/Table/TableHeaderView.vue
@@ -74,7 +74,7 @@
 					close-after-click
 					@click="deleteColumn">
 					<template #icon>
-						<Delete />
+						<TrashCan />
 					</template>
 					{{ t('text', 'Delete this column') }}
 				</NcActionButton>
@@ -93,9 +93,9 @@ import {
 	AlignHorizontalCenter,
 	AlignHorizontalLeft,
 	AlignHorizontalRight,
-	Delete,
 	TableAddColumnAfter,
 	TableAddColumnBefore,
+	TrashCan,
 } from '../../components/icons.js'
 
 export default {
@@ -104,7 +104,7 @@ export default {
 		AlignHorizontalCenter,
 		AlignHorizontalLeft,
 		AlignHorizontalRight,
-		Delete,
+		TrashCan,
 		NcActionButton,
 		NcActionButtonGroup,
 		NcActions,
diff --git a/src/nodes/Table/TableView.vue b/src/nodes/Table/TableView.vue
index c031c1cf8a7..a7ce982363f 100644
--- a/src/nodes/Table/TableView.vue
+++ b/src/nodes/Table/TableView.vue
@@ -21,7 +21,7 @@
 				close-after-click
 				@click="deleteNode">
 				<template #icon>
-					<Delete />
+					<TrashCan />
 				</template>
 				{{ t('text', 'Delete this table') }}
 			</NcActionButton>
@@ -58,10 +58,10 @@ import NcActions from '@nextcloud/vue/components/NcActions'
 import NcButton from '@nextcloud/vue/components/NcButton'
 import { NodeViewContent, NodeViewWrapper } from '@tiptap/vue-2'
 import {
-	Delete,
 	TableAddColumnAfter,
 	TableAddRowAfter,
 	TableSettings,
+	TrashCan,
 } from '../../components/icons.js'
 
 export default {
@@ -75,7 +75,7 @@ export default {
 		NodeViewWrapper,
 		NodeViewContent,
 		TableSettings,
-		Delete,
+		TrashCan,
 	},
 	props: {
 		editor: {