Apple
Technology • Rob Janoff
Microsoft's 2012 identity pairs a four-square color symbol with a grey wordmark in Segoe. The symbol's tiles, in orange-red (#F25022), green (#7FBA00), blue (#00A4EF), and yellow (#FFB900), represent the breadth of the product ecosystem from Windows to Xbox
Microsoft’s current logo is a clean two-part construction: a geometric four-square symbol to the left of a grey wordmark set in Segoe. The symbol arranges four equal squares in a 2x2 grid, each filled with one of the brand’s primary colors: orange-red (#F25022, Pantone 1665 C) top-left, green (#7FBA00, Pantone 376 C) top-right, blue (#00A4EF, Pantone 2925 C) bottom-left, and yellow (#FFB900, Pantone 1235 C) bottom-right. A thin white cross separates the tiles, echoing the Windows pane metaphor. The wordmark sits in medium-grey (#737373, Pantone 424 C), deliberately understated against the vibrant symbol.
Microsoft’s earliest logos were typographic experiments. The 1975 debut used a groovy disco-era typeface, replaced in 1980 by a heavy metal-inspired design nicknamed “Blibbet.” In 1987, Scott Baker introduced the italicized Helvetica Black wordmark with a distinctive diagonal slash between the “o” and “s,” earning it the “Pac-Man” nickname. That mark, with only minor weight adjustments, carried the company through the Windows 95 era, the dot-com boom, and the launch of Xbox. On August 23, 2012, Microsoft unveiled the current design, its first logo change in 25 years. The four-square symbol replaced the wavy Windows flag, and the Segoe typeface replaced Helvetica, aligning the corporate mark with the flat, grid-based Metro design language then rolling out across Windows 8, Surface, and Office.
The 2012 identity is a deliberate rejection of skeuomorphism. Straight edges replace the curved “flag in the wind” of the previous Windows icon. The four colors map loosely to major product pillars: blue for Windows, red for Office, green for Xbox, and yellow for Bing. Equal tile sizing and the precise white gutter communicate order and interoperability. Segoe, a humanist sans-serif originally developed by Monotype and licensed by Microsoft, carries open apertures and rounded terminals that soften the corporate tone without sacrificing legibility across screens, print, and signage at any scale.
Microsoft’s visual system extends the four-color palette and Segoe typography across a portfolio spanning Windows, Office 365, Azure, Xbox, Surface, and LinkedIn. Each product family receives its own icon treatment within the four-color grid language: Outlook uses blue, Excel green, PowerPoint orange, and Word blue. The corporate symbol can appear alone when the Microsoft name is already established in context. Co-branding guidelines require the full lockup on neutral backgrounds (white, grey, or Microsoft Blue) and prohibit any modification to proportions, colors, or spacing.
The four-square mark represents one of the most significant corporate identity shifts in technology. Moving from an italicized, motion-implied wordmark to a static, grid-based symbol signaled Microsoft’s pivot from packaged software company to cloud-and-services platform. The design’s geometric clarity scales effortlessly from a favicon to the facade of a flagship retail store. More than a decade after its introduction, the four tiles have become as recognizable as the Windows start button itself.
Maintain adequate clear space around the Microsoft logo to ensure visual integrity and maximum legibility. The minimum exclusion zone equals the height of the logo's cap height (represented as "x") on all sides. This protective space prevents the logo from appearing cluttered when placed near other graphic elements, text, or page edges.
Ratio: 4.7 : 1
ViewBox: 604 × 129
Preserve the integrity of the Microsoft logo by avoiding unauthorized modifications. Consistent application across all touchpoints strengthens brand recognition and maintains professional standards. The examples below illustrate common misuses that compromise the logo's visual impact and brand identity.
Don't rotate
Don't skew
Don't stretch
Don't recolor
Don't add shadows
Don't crop
Don't outline
Don't place on busy backgrounds
The Microsoft logo uses 5 colors: Microsoft Orange (#F25022), Microsoft Green (#7FBA00), Microsoft Blue (#00A4EF), Microsoft Yellow (#FFB900), and Microsoft Grey (#737373). The signature Microsoft Orange (#F25022) corresponds to 1665 C in print. These values are used consistently across all official Microsoft brand materials.
Yes. Click the Download SVG button at the top of this page to get a production-ready vector file. SVG format scales to any size without quality loss, making it ideal for websites, presentations, and print materials.
The Microsoft logo was designed by In-house Microsoft in 2012. The design has become one of the better-known marks in the Technology space.
Maintain clear space equal to the logo's cap height on all sides. Do not rotate, skew, stretch, recolor, crop, or add effects to the logo. Always use the official SVG file and ensure sufficient contrast with the background.
A reverse logo is a white or light version designed for use on dark backgrounds. It maintains the same proportions as the primary Microsoft logo while ensuring legibility on brand-colored surfaces, dark packaging, or apparel.
The Microsoft logo uses Segoe UI. For accurate representation, always use the official vector logo rather than attempting to recreate the typography.
Commercial use of the Microsoft logo typically requires written permission from Microsoft. The logo is trademarked intellectual property, so while editorial use and accurate product references are generally permitted, promotional or commercial use needs authorization. Do not alter the logo or use it to imply endorsement.