Merge pull request #2892 from nextcloud/style/noid/outlinedIcons

Chartman123 · web-flow · commit b5ada95a09b8 · 2025-09-01T11:43:19.000+02:00
Migrate to outline, Material Symbols like variants
diff --git a/src/Forms.vue b/src/Forms.vue
@@ -155,7 +155,7 @@ import NcContent from '@nextcloud/vue/components/NcContent'
 import NcEmptyContent from '@nextcloud/vue/components/NcEmptyContent'
 import NcLoadingIcon from '@nextcloud/vue/components/NcLoadingIcon'
 
-import IconArchive from 'vue-material-design-icons/Archive.vue'
+import IconArchive from 'vue-material-design-icons/ArchiveOutline.vue'
 import IconPlus from 'vue-material-design-icons/Plus.vue'
 
 import ArchivedFormsModal from './components/ArchivedFormsModal.vue'
diff --git a/src/components/AppNavigationForm.vue b/src/components/AppNavigationForm.vue
@@ -117,14 +117,14 @@ import NcListItem from '@nextcloud/vue/components/NcListItem'
 import NcLoadingIcon from '@nextcloud/vue/components/NcLoadingIcon'
 import axios from '@nextcloud/axios'
 import moment from '@nextcloud/moment'
-import IconArchive from 'vue-material-design-icons/Archive.vue'
-import IconArchiveOff from 'vue-material-design-icons/ArchiveOff.vue'
+import IconArchive from 'vue-material-design-icons/ArchiveOutline.vue'
+import IconArchiveOff from 'vue-material-design-icons/ArchiveOffOutline.vue'
 import IconCheck from 'vue-material-design-icons/Check.vue'
 import IconContentCopy from 'vue-material-design-icons/ContentCopy.vue'
-import IconDelete from 'vue-material-design-icons/Delete.vue'
-import IconPencil from 'vue-material-design-icons/Pencil.vue'
+import IconDelete from 'vue-material-design-icons/TrashCanOutline.vue'
+import IconPencil from 'vue-material-design-icons/PencilOutline.vue'
 import IconPoll from 'vue-material-design-icons/Poll.vue'
-import IconShareVariant from 'vue-material-design-icons/ShareVariant.vue'
+import IconShareVariant from 'vue-material-design-icons/ShareVariantOutline.vue'
 
 import IconDeleteSvg from '@mdi/svg/svg/delete.svg?raw'
 
diff --git a/src/components/Questions/AnswerInput.vue b/src/components/Questions/AnswerInput.vue
@@ -77,7 +77,7 @@ import PQueue from 'p-queue'
 import IconArrowDown from 'vue-material-design-icons/ArrowDown.vue'
 import IconArrowUp from 'vue-material-design-icons/ArrowUp.vue'
 import IconCheckboxBlankOutline from 'vue-material-design-icons/CheckboxBlankOutline.vue'
-import IconDelete from 'vue-material-design-icons/Delete.vue'
+import IconDelete from 'vue-material-design-icons/TrashCanOutline.vue'
 import IconDragIndicator from '../Icons/IconDragIndicator.vue'
 import IconRadioboxBlank from 'vue-material-design-icons/RadioboxBlank.vue'
 
diff --git a/src/components/Questions/Question.vue b/src/components/Questions/Question.vue
@@ -165,7 +165,7 @@ import IconArrowDown from 'vue-material-design-icons/ArrowDown.vue'
 import IconArrowUp from 'vue-material-design-icons/ArrowUp.vue'
 import IconAsterisk from 'vue-material-design-icons/Asterisk.vue'
 import IconContentCopy from 'vue-material-design-icons/ContentCopy.vue'
-import IconDelete from 'vue-material-design-icons/Delete.vue'
+import IconDelete from 'vue-material-design-icons/TrashCanOutline.vue'
 import IconDotsHorizontal from 'vue-material-design-icons/DotsHorizontal.vue'
 import IconDragIndicator from '../Icons/IconDragIndicator.vue'
 import IconIdentifier from 'vue-material-design-icons/Identifier.vue'
diff --git a/src/components/Questions/QuestionFile.vue b/src/components/Questions/QuestionFile.vue
@@ -141,11 +141,11 @@
 
 <script>
 import IconChevronLeft from 'vue-material-design-icons/ChevronLeft.vue'
-import IconDelete from 'vue-material-design-icons/Delete.vue'
-import IconFile from 'vue-material-design-icons/File.vue'
-import IconFileDocumentAlert from 'vue-material-design-icons/FileDocumentAlert.vue'
-import IconUpload from 'vue-material-design-icons/Upload.vue'
-import IconUploadMultiple from 'vue-material-design-icons/UploadMultiple.vue'
+import IconDelete from 'vue-material-design-icons/TrashCanOutline.vue'
+import IconFile from 'vue-material-design-icons/FileOutline.vue'
+import IconFileDocumentAlert from 'vue-material-design-icons/FileDocumentAlertOutline.vue'
+import IconUpload from 'vue-material-design-icons/TrayArrowUp.vue'
+import IconUploadMultiple from 'vue-material-design-icons/UploadMultipleOutline.vue'
 import NcActionButton from '@nextcloud/vue/components/NcActionButton'
 import NcActionCheckbox from '@nextcloud/vue/components/NcActionCheckbox'
 import NcActionInput from '@nextcloud/vue/components/NcActionInput'
diff --git a/src/components/Questions/QuestionLinearScale.vue b/src/components/Questions/QuestionLinearScale.vue
@@ -111,7 +111,7 @@ import NcActionInput from '@nextcloud/vue/components/NcActionInput'
 import NcCheckboxRadioSwitch from '@nextcloud/vue/components/NcCheckboxRadioSwitch'
 import NcTextArea from '@nextcloud/vue/components/NcTextArea'
 
-import IconPencil from 'vue-material-design-icons/Pencil.vue'
+import IconPencil from 'vue-material-design-icons/PencilOutline.vue'
 
 import QuestionMixin from '../../mixins/QuestionMixin.js'
 
diff --git a/src/components/Results/Answer.vue b/src/components/Results/Answer.vue
@@ -37,7 +37,7 @@
 </template>
 
 <script>
-import IconFile from 'vue-material-design-icons/File.vue'
+import IconFile from 'vue-material-design-icons/FileOutline.vue'
 import NcHighlight from '@nextcloud/vue/components/NcHighlight'
 
 export default {
diff --git a/src/components/Results/ResultsSummary.vue b/src/components/Results/ResultsSummary.vue
@@ -72,7 +72,7 @@
 <script>
 import answerTypes from '../../models/AnswerTypes.js'
 import { generateUrl } from '@nextcloud/router'
-import IconFile from 'vue-material-design-icons/File.vue'
+import IconFile from 'vue-material-design-icons/FileOutline.vue'
 
 export default {
 	name: 'ResultsSummary',
diff --git a/src/components/Results/Submission.vue b/src/components/Results/Submission.vue
@@ -49,8 +49,8 @@ import NcActions from '@nextcloud/vue/components/NcActions'
 import NcActionButton from '@nextcloud/vue/components/NcActionButton'
 import NcActionRouter from '@nextcloud/vue/components/NcActionRouter'
 import moment from '@nextcloud/moment'
-import IconDelete from 'vue-material-design-icons/Delete.vue'
-import IconPencil from 'vue-material-design-icons/Pencil.vue'
+import IconDelete from 'vue-material-design-icons/TrashCanOutline.vue'
+import IconPencil from 'vue-material-design-icons/PencilOutline.vue'
 
 import Answer from './Answer.vue'
 import { generateUrl } from '@nextcloud/router'
diff --git a/src/components/SidebarTabs/SharingSidebarTab.vue b/src/components/SidebarTabs/SharingSidebarTab.vue
@@ -206,11 +206,11 @@ import NcActionButton from '@nextcloud/vue/components/NcActionButton'
 import NcActionLink from '@nextcloud/vue/components/NcActionLink'
 import NcCheckboxRadioSwitch from '@nextcloud/vue/components/NcCheckboxRadioSwitch'
 import NcNoteCard from '@nextcloud/vue/components/NcNoteCard'
-import IconAccountMultiple from 'vue-material-design-icons/AccountMultiple.vue'
+import IconAccountMultiple from 'vue-material-design-icons/AccountMultipleOutline.vue'
 import IconCodeBrackets from 'vue-material-design-icons/CodeBrackets.vue'
-import IconDelete from 'vue-material-design-icons/Delete.vue'
-import IconLinkBoxVariantOutline from 'vue-material-design-icons/LinkBoxVariantOutline.vue'
-import IconLinkVariant from 'vue-material-design-icons/LinkVariant.vue'
+import IconDelete from 'vue-material-design-icons/TrashCanOutline.vue'
+import IconLinkBoxVariantOutline from 'vue-material-design-icons/LinkBoxOutline.vue'
+import IconLinkVariant from 'vue-material-design-icons/Link.vue'
 import IconPlus from 'vue-material-design-icons/Plus.vue'
 import IconQr from 'vue-material-design-icons/Qrcode.vue'
 
diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue
@@ -36,7 +36,7 @@ import { t } from '@nextcloud/l10n'
 import { useIsMobile } from '@nextcloud/vue'
 
 import NcButton from '@nextcloud/vue/components/NcButton'
-import IconShareVariant from 'vue-material-design-icons/ShareVariant.vue'
+import IconShareVariant from 'vue-material-design-icons/ShareVariantOutline.vue'
 
 import logger from '../utils/Logger.js'
 import PermissionTypes from '../mixins/PermissionTypes.js'
diff --git a/src/models/AnswerTypes.js b/src/models/AnswerTypes.js
@@ -13,10 +13,10 @@ import QuestionMultiple from '../components/Questions/QuestionMultiple.vue'
 import QuestionShort from '../components/Questions/QuestionShort.vue'
 
 import IconArrowDownDropCircleOutline from 'vue-material-design-icons/ArrowDownDropCircleOutline.vue'
-import IconCalendar from 'vue-material-design-icons/Calendar.vue'
+import IconCalendar from 'vue-material-design-icons/CalendarOutline.vue'
 import IconCheckboxOutline from 'vue-material-design-icons/CheckboxOutline.vue'
 import IconClockOutline from 'vue-material-design-icons/ClockOutline.vue'
-import IconFile from 'vue-material-design-icons/File.vue'
+import IconFile from 'vue-material-design-icons/FileOutline.vue'
 import IconLinearScale from '../components/Icons/IconLinearScale.vue'
 import IconPalette from '../components/Icons/IconPalette.vue'
 import IconRadioboxMarked from 'vue-material-design-icons/RadioboxMarked.vue'
diff --git a/src/models/ValidationTypes.js b/src/models/ValidationTypes.js
@@ -5,8 +5,8 @@
 
 import { translate as t } from '@nextcloud/l10n'
 
-import IconEMail from 'vue-material-design-icons/Email.vue'
-import IconPhone from 'vue-material-design-icons/Phone.vue'
+import IconEMail from 'vue-material-design-icons/EmailOutline.vue'
+import IconPhone from 'vue-material-design-icons/PhoneOutline.vue'
 import IconRegex from 'vue-material-design-icons/Regex.vue'
 import IconTextShort from 'vue-material-design-icons/TextShort.vue'
 import IconNumeric from 'vue-material-design-icons/Numeric.vue'
diff --git a/src/views/Create.vue b/src/views/Create.vue
@@ -192,7 +192,7 @@ import NcAppContent from '@nextcloud/vue/components/NcAppContent'
 import NcEmptyContent from '@nextcloud/vue/components/NcEmptyContent'
 import NcLoadingIcon from '@nextcloud/vue/components/NcLoadingIcon'
 import NcNoteCard from '@nextcloud/vue/components/NcNoteCard'
-import IconLock from 'vue-material-design-icons/Lock.vue'
+import IconLock from 'vue-material-design-icons/LockOutline.vue'
 import IconPlus from 'vue-material-design-icons/Plus.vue'
 
 import { FormState, INPUT_DEBOUNCE_MS } from '../models/Constants.ts'
diff --git a/src/views/Results.vue b/src/views/Results.vue
@@ -292,21 +292,21 @@ import moment from '@nextcloud/moment'
 
 import IconCancelSvg from '@mdi/svg/svg/cancel.svg?raw'
 import IconChevronLeft from 'vue-material-design-icons/ChevronLeft.vue'
-import IconDelete from 'vue-material-design-icons/Delete.vue'
+import IconDelete from 'vue-material-design-icons/TrashCanOutline.vue'
 import IconDeleteSvg from '@mdi/svg/svg/delete.svg?raw'
-import IconDownload from 'vue-material-design-icons/Download.vue'
-import IconFileDelimited from 'vue-material-design-icons/FileDelimited.vue'
-import IconFileDelimitedSvg from '@mdi/svg/svg/file-delimited.svg?raw'
+import IconDownload from 'vue-material-design-icons/TrayArrowDown.vue'
+import IconFileDelimited from 'vue-material-design-icons/FileDelimitedOutline.vue'
+import IconFileDelimitedSvg from '@mdi/svg/svg/file-delimited-outline.svg?raw'
 import IconFileExcel from 'vue-material-design-icons/FileExcel.vue'
 import IconFileExcelSvg from '@mdi/svg/svg/file-excel.svg?raw'
-import IconFolder from 'vue-material-design-icons/Folder.vue'
+import IconFolder from 'vue-material-design-icons/FolderOutline.vue'
 import IconLink from 'vue-material-design-icons/Link.vue'
 import IconLinkSvg from '@mdi/svg/svg/link.svg?raw'
-import IconLinkVariantOff from 'vue-material-design-icons/LinkVariantOff.vue'
-import IconLinkVariantOffSvg from '@mdi/svg/svg/link-variant-off.svg?raw'
+import IconLinkVariantOff from 'vue-material-design-icons/LinkOff.vue'
+import IconLinkVariantOffSvg from '@mdi/svg/svg/link-off.svg?raw'
 import IconPoll from 'vue-material-design-icons/Poll.vue'
 import IconRefresh from 'vue-material-design-icons/Refresh.vue'
-import IconShareVariant from 'vue-material-design-icons/ShareVariant.vue'
+import IconShareVariant from 'vue-material-design-icons/ShareVariantOutline.vue'
 import IconTable from 'vue-material-design-icons/Table.vue'
 import IconTableSvg from '@mdi/svg/svg/table.svg?raw'
 import IconMagnify from 'vue-material-design-icons/Magnify.vue'
diff --git a/src/views/Sidebar.vue b/src/views/Sidebar.vue
@@ -45,8 +45,8 @@ import { emit } from '@nextcloud/event-bus'
 import moment from '@nextcloud/moment'
 import NcAppSidebar from '@nextcloud/vue/components/NcAppSidebar'
 import NcAppSidebarTab from '@nextcloud/vue/components/NcAppSidebarTab'
-import IconSettings from 'vue-material-design-icons/Cog.vue'
-import IconShareVariant from 'vue-material-design-icons/ShareVariant.vue'
+import IconSettings from 'vue-material-design-icons/CogOutline.vue'
+import IconShareVariant from 'vue-material-design-icons/ShareVariantOutline.vue'
 
 import SharingSidebarTab from '../components/SidebarTabs/SharingSidebarTab.vue'
 import SettingsSidebarTab from '../components/SidebarTabs/SettingsSidebarTab.vue'
