Microsoft Brings Fluent Design To Edge By Introducing Redesigned Icons

Edge with Fluent Design

Fluent Design is Microsoft's design language. With it, the company can deliver the same experience across its different apps, to showcase its brand even further.

In an update, starting on a release for the Microsoft Edge Dev channel, Microsoft is bringing some design chances to the Chromium-powered browser. Among the usual bug fixes and improvements, Microsoft has added icons that align more to its Fluent Design language.

Here, Microsoft is moving away from the flat and monochromatic icons to more colorful ones with rounded corners, and increased depth, so they look good in all themes.

According to Microsoft:

"The new Fluent iconography system provides functional optimizations for user experience as each icon is based on a standard keyline and grid."

"This will improve scannability as you browse menus and navigation. We've also seen optimized rendering across platforms and devices so no matter which device you're browsing the web on the icons will appear sharp and easy to read."

First unveiled in 2017, Fluent Design is Microsoft's way 'to go beyond common design'.

Then, it was back in January 2020 that Microsoft first talked about refreshing its icons. The company believes that with some redesigned icons, it wants to help users to easily navigate the operating system. Then it was in March that Microsoft started rolling out the icons to Windows 10 UWP apps.

The redesigned icons were first spotted on Windows 10X, a modular version of the operating system.

And this time, the Fluent Design is finally making its way to Win32 apps, including the Chromium-based Edge.

This update, despite minor, is giving the Edge browser a little visual refresh.

Microsoft has already confirmed that rounded corners are in line with Windows 10’s new interface.

Edge redesigned icons
Microsoft Edge's old icons (left), and the redesigned icons (right). (Credit: Microsoft)

When a change is a must, the change must appeal.

As the creator of some of the most popular tech products, Microsoft needs to make sure that the representations of its products, down to their interface, can deliver the needed identity, as well as the modern touch that isn't outdated.

The Chromium-powered browser is already an integral part of Windows 10, and this is why Microsoft is adopting the icons to the browser as soon as it can.

The Microsoft application for the redesigned icons starts with the first of two renewal phases.

The first is a “facelift” that affects the interfaces that are most used by users. This includes the tabs, address bar and navigation icons. In addition, Fluent Design iconography is also meant to appear in some other menus, although not fully expanded.

In the second phase, Edge is adopting the icons to the rest of the browser, including on the developer tools and the extensions page.

Besides on Edge, Microsoft also updated its communication platform Teams with Fluent Design on the web for some users.

Published: 
19/11/2020