Skip to content

Iconography

Fluid forms, vibrant colors

How a subtle refresh of our Microsoft 365 icons signals deeper change.

By
Jon Friedman, CVP of Design and Research for Microsoft 365

  –   The estimated reading time is 7 min.

A collage of Microsoft Office app icons, including Word, Excel, PowerPoint, Outlook, Teams, OneNote, and others, floating over a light background with abstract shapes and interface elements.

When it comes to outsized impact, it’s hard to debate the almighty icon. No bigger than a postage stamp, these tiny symbols are gateways to entire experiences, distilling complex ideas, product abilities, and brand identities into a single, memorable image. By evoking emotion, sparking curiosity, and giving intuitive guidance, they make technology more accessible and approachable.

Ten colorful abstract backgrounds in a grid, each featuring a different white Microsoft app icon in the center, such as Excel, OneDrive, Outlook, PowerPoint, Word, Teams, and others.
Our refreshed Microsoft 365 icons emanate a sense of fluidity and play, while also being simpler, more intuitive, and accessible.

Today, as we roll out refreshed icons for Microsoft 365 apps, small but significant design changes are a reflection and a signal. As a reflection, they encapsulate how AI is shifting the discipline of design and the nature of product development. As a symbol, they embody an ethos rooted in connection, coherence, and fluid collaboration. While these principles guided previous redesigns, their meaning has shifted—connection today isn’t about visual consistency so much as the seamless flow of human intent across every Microsoft 365 canvas.

A grid shows the evolution of Microsoft Office app icons from 1995 to 2019, arranged by year and app, with each app's icon style changing over time in colorful columns.
A timeline of product transformation, told through changes in our iconography.

A design journey from UI to UX

The core 10 Office apps were last updated in 2018 and the way we described what the designs represented is almost identical to language used today: connection, coherence, seamless collaboration, fluid transitions. At the time, that referenced interface design. We were signaling a connected look and feel across platforms and devices with fluid visual transitions between apps and animations. It was the early days of apps that composed together and truly collaborative experiences.

Two large blue Microsoft Word icons, old and new designs, are displayed on a white grid background with measurement lines and arrows, along with blue design tools and color swatches nearby.
This before and after shows how the new Microsoft Word icon maintains familiarity while streamlining the visual experience to be delightfully simple.

Today, effortless collaboration means both human-to-human and human-to-AI, with contextually intelligent experiences that understand and anticipate the nuances of your work, the data you’re referencing, and the goals you’re pursuing. Connection and coherence are about Copilot’s ability to understand your intent so you can seamlessly traverse the entirety of the Microsoft 365 ecosystem to achieve your goal. That’s the paradigm shift; Microsoft 365 has always empowered productivity but the driving force of the UX was often app features or the tools themselves. Today, the driving force is the outcome you desire.

Three abstract 3D renderings: blue shapes on a grid, an orange oval on yellow, and green shapes on a grid, each surrounded by floating geometric icons, miniature charts, and office supplies on a white surface.
Moving from bold solidity to fluid forms, the new icons fold and curve in ways that create a sense of motion and approachability—an invitation to collaborate.

With that paradigm shift come significant changes to the UX discipline itself and how we approach product making. Longer cycles of heads-down development used to be followed by a big reveal of big changes. Today, with model capabilities rapidly emerging and our learning as UX practitioners rapidly advancing—including becoming more technical as a discipline—product evolution is happening in continuous waves. Research shows changes to iconography are almost always received as a signal for product changes and in an era of ongoing, smaller shifts, the icons should reflect that. As such, we embraced the idea of “evolution, not revolution” throughout our design process.

New shapes, colors, and metaphors

The new icons emanate a sense of fluidity and play, while also being simpler, more intuitive, and highly accessible. Their metaphor, shape, color, and letter have been redefined to create a cohesive, discoverable, and navigable system, crafted with gradients and gestures woven into Microsoft’s AI expression and experiences.

Grid of various colorful Microsoft Office and Microsoft 365 app icons, including Word, Excel, PowerPoint, Outlook, Teams, OneDrive, and others, displayed on a light gradient background.
A vibrant array of refreshed icons, each a gateway to creativity and connection—where modern design meets seamless collaboration, and every color signals a new possibility.

Delightfully simple: to maintain familiarity while streamlining the visual experience, we graphically simplified the icons for clarity and reduced visual noise. Whereas Word’s icon previously used four horizontal bars, the new version uses just three, improving legibility at small sizes and creating more visual concision.

Fluid shapes: We’ve moved away from bold, static solidity to embrace softer, more fluid forms. Sharp edges and crisp lines are replaced by smooth folds and curves, giving the icons a sense of playful motion and approachability.

A collage showing stylized icons for Microsoft Word, Outlook, Teams, PowerPoint, OneNote, Excel, and Access, each set against gradient backgrounds in blue, orange, pink, and green tones.
A visual journey of evolution, not revolution, this collage of Word, PowerPoint, and Excel icons are iterations on intention. The iconography becomes a gateway to seamless collaboration and contextually intelligent experiences across the Microsoft 365 ecosystem.

Rich and colorful: The color palette has been dramatically refined. Where gradients were once subtle, they’re now richer and more vibrant, featuring exaggerated analogous transitions that improve contrast and accessibility. This shift makes the icons feel brighter, punchier, and more dynamic.

Instantly recognizable: Letter plates were much debated because they’re valuable real estate and icons following the core 10 Office ones no longer use them. Their brand equity is so strong, however, that we decided to keep them—maintaining our heritage while also modernizing them through a more cohesive visual integration with the overall design.

Colorful 3D icons representing various Microsoft Office apps, including Word, PowerPoint, Teams, Excel, SharePoint, OneDrive, Outlook, and OneNote, arranged in a circular pattern on a light background.
A vibrant constellation of refreshed Microsoft 365 icons—each one simplified, fluid, and rich with color.

Art imitates truth; truth imitates art

Iconography often balances accuracy and aspiration. No digital product is ever fully baked and so your metaphors must embody present-day truth and the future you’re actively building. When we redesigned our icons in 2018, the artistry mimicked the idea of Microsoft 365 beginning to meld together. That product truth had been getting ever stronger, and then Copilot turbocharged and transformed our ability to create a truly connected ecosystem for customers.

To create Copilot’s icon, we drew from a broad lineage of design influences—traditional Office icons, newer apps like Designer and Viva, Business and Industry icons like Copilot for Sales, and many more—while embracing new metaphors to signify a fluid exchange between you and AI, where you are always in control. The icon’s vibrant color palette represents all Microsoft products, rather than just the traditional blue, and it visually expresses collaboration and creativity in simple, playful, and accessible ways.

Colorful 3D icons representing Microsoft Office apps, including PowerPoint, Excel, Word, Outlook, OneNote, SharePoint, and Teams, are displayed on white pedestals against a light background.

With Copilot now being such a more complete and integrated system within Microsoft 365, it’s fitting that when refreshing the core 10 Office icons, the primary source of inspiration was the Copilot icon itself. A reflection and a result of Copilot’s transformative impact, the new designs visually complete a cycle where art and truth continuously shape each other.

 

A project of this size takes a village! There are too many folks to shout everyone out, but a special thanks goes to Aaron Martinez, Ada Hurd, Alexis Copeland, Anna Gray, Anthony Dart, Arman Keyvanskhou, Braz De Pina, Claudia Nafarrate, Cole Rise, Colin Day, Danny Pak, Heath Hinegardner, Jana Huskey, Jason Custer,  Ju Hyun Lee, Kris Bennett, Laura Clark, Mathieu James, Michelle Barrueto, Mike LaJoie, Phil Evans, Shelby Hutchison, Sven Seger, and Tati Astua. 

Read more

To stay in the know with Microsoft Design, follow us on Twitter and Instagram, or join our Windows or Office Insider program. And if you are interested in working with us at Microsoft, head over to aka.ms/DesignCareers.