feat: replace vue icons with outline versions

[skjnldsv]

Part of #53701

Summary

Vue icons

• Information.vue - 4 replaced
• ClipboardText.vue - 1 replaced
• Wrench.vue - 1 replaced
• ListBox.vue - 1 replaced
• Contacts.vue - 1 replaced
• ChartPie.vue - 1 replaced
• PlayCircle.vue - 1 replaced
• Cog.vue - 1 replaced
• CalendarRange.vue - 2 replaced
• Email.vue - 1 replaced
• AccountGroup.vue - 4 replaced
• AccountPlus.vue - 2 replaced
• CloudCheckVariant.vue - 1 replaced
• Key.vue - 1 replaced
• Palette.vue - 3 replaced
• CalendarBlank.vue - 2 replaced
• MapMarker.vue - 1 replaced
• Filter.vue - 1 replaced
• Pencil.vue - 8 replaced
• Eye.vue - 1 replaced
• Clock.vue - 1 replaced
• Delete.vue - 5 replaced
• Lock.vue - 2 replaced
• MapClock.vue - 1 replaced
• ViewGrid.vue - 1 replaced
• Network.vue - 1 replaced
• Account.vue - 4 replaced
• LockOpen.vue - 1 replaced
• Tag.vue - 2 replaced
• ImageEdit.vue - 1 replaced
• CheckCircle.vue - 1 replaced
• Circle.vue - 2 replaced

Svg icons

• account.svg - 2 replaced
• pencil.svg - 2 replaced
• account-group.svg - 2 replaced
• share-variant.svg - 1 replaced
• movie.svg - 1 replaced
• calendar-clock.svg - 1 replaced
• trash-can.svg - 1 replaced
• tag-multiple.svg - 2 replaced
• account-clock.svg - 1 replaced
• delete.svg - 2 replaced
• account-plus.svg - 2 replaced
• message-reply-text.svg - 1 replaced
• comment-processing.svg - 1 replaced
• calendar.svg - 1 replaced
• image.svg - 1 replaced
• network-off.svg - 1 replaced
• cloud-upload.svg - 2 replaced
• alert-circle.svg - 1 replaced
• home.svg - 1 replaced
• map-marker.svg - 1 replaced

Javascript icons

• mdiClipboardFlow - 2 replaced
• mdiCloud - 2 replaced
• mdiEyeOff - 2 replaced
• mdiAccountMultiple - 4 replaced
• mdiShield - 2 replaced
• mdiCalendarRange - 3 replaced
• mdiCog - 12 replaced
• mdiShieldAccount - 2 replaced
• mdiFeatureSearch - 3 replaced
• mdiAccountOff - 2 replaced
• mdiCircle - 6 replaced
• mdiAccount - 17 replaced
• mdiTrashCan - 3 replaced
• mdiKey - 4 replaced
• mdiEye - 2 replaced
• mdiBug - 3 replaced
• mdiStarCircle - 2 replaced
• mdiCloudSearch - 2 replaced
• mdiClock - 2 replaced
• mdiStarShooting - 4 replaced
• mdiControllerClassic - 2 replaced
• mdiArchive - 2 replaced
• mdiTooltipQuestion - 3 replaced
• mdiViewColumn - 2 replaced
• mdiTextBox - 3 replaced
• mdiCalendar - 3 replaced
• mdiDelete - 3 replaced
• mdiToyBrickPlus - 3 replaced
• mdiToyBrick - 3 replaced
• mdiPlayCircle - 3 replaced
• mdiTooltip - 3 replaced
• mdiAccountGroup - 7 replaced
• mdiPlay - 3 replaced
• mdiOfficeBuilding - 2 replaced
• mdiClipboard - 2 replaced
• mdiLock - 4 replaced

[susnux]

Whats best to review? Only review changed ones or also missing?
Nevertheless there are some that must not be outlined here

[skjnldsv]

Thanks for the extensive review!
This was done by a script, and while some were supposed to be ignored, it seems they weren't 🙈

I'll do a second pass with adjustments 👍

[skjnldsv]

Whats best to review? Only review changed ones or also missing?

I think most should have been caught by the script.
We can adjust as time goes when we encounter icons in the future I think

[susnux]

current icons seem to be fine ✅

[skjnldsv]

@skjnldsv if you have some screenshots for review let us know :) I see folder-outline for example – just make sure that for the filetype icons, the icons are still filled as per the "Exceptions" in #53701

Will be pretty hard to make screenshots of it all.
You'll have to trust the process and catch them as we go. We can't really screenshots all of those changes

[jancborchardt]

@skjnldsv sounds good! :)

[skjnldsv]

Okay, did another pass.
There was some issue with the MDI js script.

I specifically forced the outline on

• FolderMultiple
• FileUpload

And made sure we keep any filled

• Folder*
• File*
• Download*

[skjnldsv]

Files

[AndyScherzinger]

Fine for the run, while some icons should still be changed, however can't tell if that is a library thing and not shipped "in-app":

Might be in libs, that I can't say, but

https://pictogrammers.com/library/mdi/icon/tag-multiple-outline/
https://pictogrammers.com/library/mdi/icon/star-outline/
https://pictogrammers.com/library/mdi/icon/trash-can-outline/
https://pictogrammers.com/library/mdi/icon/folder-move-outline/
https://pictogrammers.com/library/mdi/icon/pencil-outline/
https://pictogrammers.com/library/mdi/icon/information-outline/
https://pictogrammers.com/library/mdi/icon/account-plus-outline/
https://pictogrammers.com/library/mdi/icon/cog-outline/

https://pictogrammers.com/library/mdi/icon/chart-pie-outline/
or
https://pictogrammers.com/library/mdi/icon/chart-donut/

https://pictogrammers.com/library/mdi/icon/view-grid-outline/