top of page
msedgemobile.png

THE CHALLENGE

As Microsoft transitioned its products towards the updated Fluent Design style, Edge needed a new evolution and identity to its icon, distinguishable from the current Edge and Internet Explorer browsers, representative to its next chapter.

​

MY ROLE

As part of the Windows Fonts & Icons Team, I developed and refined concepts for the new Microsoft Edge app icon, from initial direction through handoff.

​

DESIGN APPROACH

Principles for this initiative focused on the following adjectives: 

​

  • Cohesive

  • Consistent

  • Engaging

  • Adaptive

​​

I de-emphasized the legacy “e” in favor of a fluid wave form, creating a mark with radial balance, motion, and greater visual sophistication. A blue to teal gradient reinforced natural associations with water while remaining distinct across light and dark themes.

​

EXECUTION

All concepts were constructed on Microsoft’s 32x icon grid using precise circular geometry and tangent points to maintain a clean silhouette at smaller scales. I iterated on the strongest internal concept through subtle color and form variations, including a fully silhouetted version to validate recognition.

​

THE RESULT

Microsoft selected the wave concept as the new face of Edge, establishing a distinct identity separate from Internet Explorer while aligning with the broader Fluent Design visual family.

Previous Microsoft Internet Explorer and Microsoft Edge Logos, through the years.

The grid below shows the construction of how I built the silhouette. The icon is slightly transparent to show the guides and hint paths. 

Above shows the refined concept I delivered.

The final logo that was shipped, and is currently in use.

Included below are 3D renders I made in Blender, combining the new colors with more emphasis on my original silhouette. 

​

More can be read about Microsoft's new Edge icon on The Verge.

bottom of page