The new icons in Canary make Edge's design feel even more disconnected from Windows.

%3CLINGO-SUB%20id%3D%22lingo-sub-1887813%22%20slang%3D%22en-US%22%3EThe%20new%20icons%20in%20Canary%20make%20Edge's%20design%20feel%20even%20more%20disconnected%20from%20Windows.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1887813%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fmspoweruser.com%2Fwp-content%2Fuploads%2F2020%2F11%2Ffull-page-screen-capture-edge.jpg%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3EThe%20new%20icons%3C%2FA%3E%20in%20Canary%20don't%20match%20those%20of%20the%20rest%20of%20the%20Windows%20operating%20system.%20In%20any%20Windows%20app%2C%20the%20settings%20icon%20has%208%20spokes%20on%20the%20gear--you%20can%20see%20this%20in%20the%20Start%20menu%20and%20in%20the%20settings%20icon%20in%20apps%20like%20Microsoft%20News%2C%20Photos%2C%20and%20Camera.%20The%20normal%20Home%20icon%20can%20be%20seen%20in%20the%20Windows%20Settings%20app%20and%20in%20Backstage%20View%20in%20the%20Microsoft%20Office%20apps.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20new%20Canary%20channel%20icons%20don't%20match%20those%20anymore.%20It%20makes%20Edge's%20design%20even%20more%20inconsistent%20with%20Windows's%20design%20than%20it%20already%20is.%20It's%20bad%20enough%20that%20Edge%20retains%26nbsp%3B%20Material%20Design%20from%20Chromium%2C%20but%20it's%20worse%20that%20Edge%20is%20going%20to%20replace%20the%20only%20parts%20of%20the%20design%20that%20feel%20consistent%20with%20Windows.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ETo%20my%20knowledge%2C%20Fluent%20design%20has%20separate%20mobile%20and%20desktop%20icons%20to%20feel%20natural%20on%20every%20device.%20Mobile%20icons%20should%20not%20be%20used%20on%20Windows.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1887813%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EDesign%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Eedge%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EFluent%20Design%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EMicrosoft%20Edge%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EMicrosoft%20Edge%20Canary%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Emicrosoft%20edge%20design%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EWindows%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Ewindows%20design%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1887996%22%20slang%3D%22en-US%22%3ERe%3A%20The%20new%20icons%20in%20Canary%20make%20Edge's%20design%20feel%20even%20more%20disconnected%20from%20Windows.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1887996%22%20slang%3D%22en-US%22%3EI'm%20Loving%20the%20new%20Icons%20on%20Edge%20canary!%3CBR%20%2F%3EVersion%2088.0.698.0%20(Official%20build)%20canary%20(64-bit)%3CBR%20%2F%3E%3CBR%20%2F%3EThey%20represent%20Edge%20features%20better%20imo.%20and%20the%20idea%20that%20they%20could%20be%20related%20to%20mobile%20design%2C%20is%20actually%20nice.%20nowadays%20the%20line%20between%20mobile%20and%20stationary%20device%20is%20thin.%3CBR%20%2F%3E%3CBR%20%2F%3E1.%20Windows%2010%20is%20used%20on%20a%20wide%20variety%20of%20devices%2C%20from%20HoloLens%20to%20Laptops%20to%20Desktops%20to%20Tablets%20etc.%20Touch%2FKeyboard%2FMouse%3CBR%20%2F%3E2.%20Edge%20is%20a%20multiplatform%20browser%2C%20for%20all%20OSes%20out%20there.%3CBR%20%2F%3E%3CBR%20%2F%3Efor%20me%20when%20I%20installed%20Canary%20and%20noticed%20the%20new%20icons%2C%20I%20really%20liked%20them.%20but%20since%20you%20mentioned%20that%20they%20are%20inconsistent%20with%20the%20fluent%20design%2C%20I%20want%20to%20see%20what%20the%20correct%20way%20of%20displaying%20each%20icon%20would%20be.%3CBR%20%2F%3E%3CBR%20%2F%3Ein%20your%20post%20you%20only%20are%20showing%20the%20Edge%20canary%20icon%2C%20but%20not%20showing%20what%20each%20icon%20actually%20is%20supposed%20to%20be%2C%20according%20to%20fluent%20design.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1888038%22%20slang%3D%22en-US%22%3ERe%3A%20The%20new%20icons%20in%20Canary%20make%20Edge's%20design%20feel%20even%20more%20disconnected%20from%20Windows.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1888038%22%20slang%3D%22en-US%22%3EAFAIK%20Microsoft%20is%20going%20to%20update%20Windows%2010%20UI%20(and%20icons)%20in%202021%2C%20so%20they%20will%20be%20consistent%3C%2FLINGO-BODY%3E
Contributor

The new icons in Canary don't match those of the rest of the Windows operating system. In any Windows app, the settings icon has 8 spokes on the gear--you can see this in the Start menu and in the settings icon in apps like Microsoft News, Photos, and Camera. The normal Home icon can be seen in the Windows Settings app and in Backstage View in the Microsoft Office apps.

 

The new Canary channel icons don't match those anymore. It makes Edge's design even more inconsistent with Windows's design than it already is. It's bad enough that Edge retains  Material Design from Chromium, but it's worse that Edge is going to replace the only parts of the design that feel consistent with Windows.

 

To my knowledge, Fluent design has separate mobile and desktop icons to feel natural on every device. Mobile icons should not be used on Windows.

 

EDIT: looking more closely at their wording on the iconography and here, it looks like the new icons are going to be the same across all of Microsoft.

6 Replies

Well there are 2 things that could be related to this decision:

1. Windows 10 is used on a wide variety of devices, from HoloLens to Laptops to Desktops to Tablets etc. Touch/Keyboard/Mouse
2. Edge is a multiplatform browser, for all OSes out there.

for me when I installed Canary and noticed the new icons, I liked them (just because they felt new)
I would also like to see consistency between Windows 10 and Edge icons.

and hopefully someone from Edge team will explain why this radical change happened to Edge icons.

AFAIK Microsoft is going to update Windows 10 UI (and icons) in 2021, so they will be consistent
Yeah I remember reading about Panos Panay taking over the design part of Windows
As I mentioned in the post, I think the current icons are the ones that are consistent with Windows. Yes, Edge is multiplatform, but all of Microsoft's multiplatform apps have different icons for each platform. To Do is a great example of this--the app on mobile and on Windows has different icons for the default lists (different icons for My Day, Planned, and Tasks for example). Currently, the icons for Windows apps all have a consistent feel to them: thinner lines and sharper corners. The icons for mobile apps have a consistent feel too: thicker lines and rounder corners. But the new Edge Canary icons look like mobile icons on a Windows app and feel out of place.
As long as the UI update includes updating the icons to be the same as the icons for Microsoft's mobile apps, then it will be fine that Edge does this change. But they should definitely not implement this change in Edge before it comes to Windows. Edge already has a completely different design from Windows and they shouldn't make it worse than it already is.
It doesn't feel out of place for me. like I said icons were the first thing I noticed and liked when I installed Edge canary recently