Skip to content

Migrate icons to outline variant #2918

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
raimund-schluessler merged 2 commits into from
Sep 5, 2025
Merged

Migrate icons to outline variant #2918

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
01bdb60
style(/icons): Migrate icons to outline variant
AndyScherzinger Sep 5, 2025
d2d45e9
feat: use star outline everywhere
raimund-schluessler Sep 5, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion src/components/AppNavigation/AppNavigationSettings.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@ import CalendarToday from 'vue-material-design-icons/CalendarToday.vue'
import CalendarWeek from 'vue-material-design-icons/CalendarWeek.vue'
import CircleOutline from 'vue-material-design-icons/CircleOutline.vue'
import Check from 'vue-material-design-icons/Check.vue'
import Star from 'vue-material-design-icons/Star.vue'
import Star from 'vue-material-design-icons/StarOutline.vue'
import TrendingUp from 'vue-material-design-icons/TrendingUp.vue'

import { mapState, mapGetters, mapActions } from 'vuex'
Expand Down
4 changes: 2 additions & 2 deletions src/components/AppNavigation/CalendarSharee.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,8 +65,8 @@ import NcAppNavigationItem from '@nextcloud/vue/components/NcAppNavigationItem'
import NcAvatar from '@nextcloud/vue/components/NcAvatar'
import NcCheckboxRadioSwitch from '@nextcloud/vue/components/NcCheckboxRadioSwitch'

import AccountMultiple from 'vue-material-design-icons/AccountMultiple.vue'
import Delete from 'vue-material-design-icons/Delete.vue'
import AccountMultiple from 'vue-material-design-icons/AccountMultipleOutline.vue'
import Delete from 'vue-material-design-icons/TrashCanOutline.vue'

export default {
name: 'CalendarSharee',
Expand Down
10 changes: 5 additions & 5 deletions src/components/AppNavigation/ListItemCalendar.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -139,11 +139,11 @@ import NcActionLink from '@nextcloud/vue/components/NcActionLink'
import NcTextField from '@nextcloud/vue/components/NcTextField'

import Close from 'vue-material-design-icons/Close.vue'
import Delete from 'vue-material-design-icons/Delete.vue'
import Download from 'vue-material-design-icons/Download.vue'
import LinkVariant from 'vue-material-design-icons/LinkVariant.vue'
import Pencil from 'vue-material-design-icons/Pencil.vue'
import ShareVariant from 'vue-material-design-icons/ShareVariant.vue'
import Delete from 'vue-material-design-icons/TrashCanOutline.vue'
import Download from 'vue-material-design-icons/TrayArrowDown.vue'
import LinkVariant from 'vue-material-design-icons/Link.vue'
import Pencil from 'vue-material-design-icons/PencilOutline.vue'
import ShareVariant from 'vue-material-design-icons/ShareVariantOutline.vue'
import Undo from 'vue-material-design-icons/Undo.vue'

import { vOnClickOutside as ClickOutside } from '@vueuse/components'
Expand Down
4 changes: 2 additions & 2 deletions src/components/AppNavigation/Trashbin.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -139,8 +139,8 @@ import NcEmptyContent from '@nextcloud/vue/components/NcEmptyContent'
import NcLoadingIcon from '@nextcloud/vue/components/NcLoadingIcon'
import NcModal from '@nextcloud/vue/components/NcModal'

import Delete from 'vue-material-design-icons/Delete.vue'
import DeleteForever from 'vue-material-design-icons/DeleteForever.vue'
import Delete from 'vue-material-design-icons/TrashCanOutline.vue'
import DeleteForever from 'vue-material-design-icons/DeleteForeverOutline.vue'
import MenuDown from 'vue-material-design-icons/MenuDown.vue'
import MenuUp from 'vue-material-design-icons/MenuUp.vue'
import Undo from 'vue-material-design-icons/Undo.vue'
Expand Down
4 changes: 2 additions & 2 deletions src/components/AppSidebar/Alarm/AlarmListItem.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -83,8 +83,8 @@ import {
NcActionRadio,
NcActionSeparator,
} from '@nextcloud/vue'
import Delete from 'vue-material-design-icons/Delete.vue'
import Pencil from 'vue-material-design-icons/Pencil.vue'
import Delete from 'vue-material-design-icons/TrashCanOutline.vue'
import Pencil from 'vue-material-design-icons/PencilOutline.vue'

import { getCanonicalLocale, translate as t } from '@nextcloud/l10n'
import { vOnClickOutside as ClickOutside } from '@vueuse/components'
Expand Down
2 changes: 1 addition & 1 deletion src/components/AppSidebar/TagsItem.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ import MultiselectOption from './MultiselectOption.vue'
import { translate as t } from '@nextcloud/l10n'
import NcSelect from '@nextcloud/vue/components/NcSelect'

import TagMultiple from 'vue-material-design-icons/TagMultiple.vue'
import TagMultiple from 'vue-material-design-icons/TagMultipleOutline.vue'

export default {
components: {
Expand Down
2 changes: 1 addition & 1 deletion src/components/DeleteCompletedModal.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -76,7 +76,7 @@ import NcButton from '@nextcloud/vue/components/NcButton'
import NcModal from '@nextcloud/vue/components/NcModal'
import NcProgressBar from '@nextcloud/vue/components/NcProgressBar'

import Delete from 'vue-material-design-icons/Delete.vue'
import Delete from 'vue-material-design-icons/TrashCanOutline.vue'

import { mapGetters, mapActions } from 'vuex'

Expand Down
6 changes: 3 additions & 3 deletions src/components/FilterDropdown.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -61,9 +61,9 @@ import NcActionButton from '@nextcloud/vue/components/NcActionButton'
import NcActionInput from '@nextcloud/vue/components/NcActionInput'

import Close from 'vue-material-design-icons/Close.vue'
import FilterIcon from 'vue-material-design-icons/Filter.vue'
import FilterOffIcon from 'vue-material-design-icons/FilterOff.vue'
import TagMultiple from 'vue-material-design-icons/TagMultiple.vue'
import FilterIcon from 'vue-material-design-icons/FilterOutline.vue'
import FilterOffIcon from 'vue-material-design-icons/FilterOffOutline.vue'
import TagMultiple from 'vue-material-design-icons/TagMultipleOutline.vue'

import { mapGetters, mapMutations } from 'vuex'

Expand Down
2 changes: 1 addition & 1 deletion src/components/LoadCompletedButton.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
import { translate as t } from '@nextcloud/l10n'
import NcButton from '@nextcloud/vue/components/NcButton'

import CloudDownload from 'vue-material-design-icons/CloudDownload.vue'
import CloudDownload from 'vue-material-design-icons/CloudDownloadOutline.vue'

import { mapActions } from 'vuex'

Expand Down
8 changes: 4 additions & 4 deletions src/components/SortorderDropdown.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -60,17 +60,17 @@ import NcActions from '@nextcloud/vue/components/NcActions'
import NcActionButton from '@nextcloud/vue/components/NcActionButton'

import AnimationOutline from 'vue-material-design-icons/AnimationOutline.vue'
import Bookmark from 'vue-material-design-icons/Bookmark.vue'
import Bookmark from 'vue-material-design-icons/BookmarkOutline.vue'
import CalendarStart from 'vue-material-design-icons/CalendarStart.vue'
import CalendarEnd from 'vue-material-design-icons/CalendarEnd.vue'
import Check from 'vue-material-design-icons/Check.vue'
import MenuDown from 'vue-material-design-icons/MenuDown.vue'
import MenuUp from 'vue-material-design-icons/MenuUp.vue'
import OrderAlphabeticalAscending from 'vue-material-design-icons/OrderAlphabeticalAscending.vue'
import Pencil from 'vue-material-design-icons/Pencil.vue'
import Pencil from 'vue-material-design-icons/PencilOutline.vue'
import Plus from 'vue-material-design-icons/Plus.vue'
import Star from 'vue-material-design-icons/Star.vue'
import TagMultiple from 'vue-material-design-icons/TagMultiple.vue'
import Star from 'vue-material-design-icons/StarOutline.vue'
import TagMultiple from 'vue-material-design-icons/TagMultipleOutline.vue'

import { mapGetters } from 'vuex'

Expand Down
10 changes: 5 additions & 5 deletions src/components/TaskBody.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -204,15 +204,15 @@ import NcProgressBar from '@nextcloud/vue/components/NcProgressBar'
import NcTextField from '@nextcloud/vue/components/NcTextField'
import Linkify from '@nextcloud/vue/directives/Linkify'

import Bell from 'vue-material-design-icons/Bell.vue'
import Delete from 'vue-material-design-icons/Delete.vue'
import Eye from 'vue-material-design-icons/Eye.vue'
import Pin from 'vue-material-design-icons/Pin.vue'
import Bell from 'vue-material-design-icons/BellOutline.vue'
import Delete from 'vue-material-design-icons/TrashCanOutline.vue'
import Eye from 'vue-material-design-icons/EyeOutline.vue'
import Pin from 'vue-material-design-icons/PinOutline.vue'
import Plus from 'vue-material-design-icons/Plus.vue'
import TextBoxOutline from 'vue-material-design-icons/TextBoxOutline.vue'
import SortVariant from 'vue-material-design-icons/SortVariant.vue'
import CalendarClock from 'vue-material-design-icons/CalendarClock.vue'
import Star from 'vue-material-design-icons/Star.vue'
import Star from 'vue-material-design-icons/StarOutline.vue'
import Undo from 'vue-material-design-icons/Undo.vue'

import { vOnClickOutside as ClickOutside } from '@vueuse/components'
Expand Down
6 changes: 3 additions & 3 deletions src/main.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,9 +30,9 @@ import AlertBoxOutline from 'vue-material-design-icons/AlertBoxOutline.vue'
import CalendarRemove from 'vue-material-design-icons/CalendarRemove.vue'
import Cancel from 'vue-material-design-icons/Cancel.vue'
import Check from 'vue-material-design-icons/Check.vue'
import Delete from 'vue-material-design-icons/Delete.vue'
import Eye from 'vue-material-design-icons/Eye.vue'
import EyeOff from 'vue-material-design-icons/EyeOff.vue'
import Delete from 'vue-material-design-icons/TrashCanOutline.vue'
import Eye from 'vue-material-design-icons/EyeOutline.vue'
import EyeOff from 'vue-material-design-icons/EyeOffOutline.vue'
import Pulse from 'vue-material-design-icons/Pulse.vue'
import TrendingUp from 'vue-material-design-icons/TrendingUp.vue'

Expand Down
2 changes: 1 addition & 1 deletion src/mixins/editableItem.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ import NcActions from '@nextcloud/vue/components/NcActions'
import NcActionButton from '@nextcloud/vue/components/NcActionButton'

import Check from 'vue-material-design-icons/Check.vue'
import Delete from 'vue-material-design-icons/Delete.vue'
import Delete from 'vue-material-design-icons/TrashCanOutline.vue'

import { vOnClickOutside as ClickOutside } from '@vueuse/components'

Expand Down
2 changes: 1 addition & 1 deletion src/views/AppNavigation.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -107,7 +107,7 @@ import CalendarWeek from 'vue-material-design-icons/CalendarWeek.vue'
import Check from 'vue-material-design-icons/Check.vue'
import CircleOutline from 'vue-material-design-icons/CircleOutline.vue'
import Plus from 'vue-material-design-icons/Plus.vue'
import Star from 'vue-material-design-icons/Star.vue'
import Star from 'vue-material-design-icons/StarOutline.vue'
import TrendingUp from 'vue-material-design-icons/TrendingUp.vue'

import { Sortable } from 'sortablejs-vue3'
Expand Down
16 changes: 8 additions & 8 deletions src/views/AppSidebar.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -297,21 +297,21 @@ import NcAppSidebarTab from '@nextcloud/vue/components/NcAppSidebarTab'
import NcLoadingIcon from '@nextcloud/vue/components/NcLoadingIcon'
import { generateUrl } from '@nextcloud/router'

import Bell from 'vue-material-design-icons/Bell.vue'
import Bell from 'vue-material-design-icons/BellOutline.vue'
import Calendar from 'vue-material-design-icons/Calendar.vue'
import CalendarCheck from 'vue-material-design-icons/CalendarCheck.vue'
import CalendarEnd from 'vue-material-design-icons/CalendarEnd.vue'
import CalendarStart from 'vue-material-design-icons/CalendarStart.vue'
import Delete from 'vue-material-design-icons/Delete.vue'
import Download from 'vue-material-design-icons/Download.vue'
import Delete from 'vue-material-design-icons/TrashCanOutline.vue'
import Download from 'vue-material-design-icons/TrayArrowDown.vue'
import InformationOutline from 'vue-material-design-icons/InformationOutline.vue'
import Magnify from 'vue-material-design-icons/Magnify.vue'
import MapMarker from 'vue-material-design-icons/MapMarker.vue'
import Pencil from 'vue-material-design-icons/Pencil.vue'
import MapMarker from 'vue-material-design-icons/MapMarkerOutline.vue'
import Pencil from 'vue-material-design-icons/PencilOutline.vue'
import Percent from 'vue-material-design-icons/Percent.vue'
import Pin from 'vue-material-design-icons/Pin.vue'
import PinOff from 'vue-material-design-icons/PinOff.vue'
import Star from 'vue-material-design-icons/Star.vue'
import Pin from 'vue-material-design-icons/PinOutline.vue'
import PinOff from 'vue-material-design-icons/PinOffOutline.vue'
import Star from 'vue-material-design-icons/StarOutline.vue'
import TextBoxOutline from 'vue-material-design-icons/TextBoxOutline.vue'
import Undo from 'vue-material-design-icons/Undo.vue'
import Web from 'vue-material-design-icons/Web.vue'
Expand Down
Loading