Microsoft Pixel Art Icon
Microsoft's four-square brand icon for Windows integrations, Microsoft 365 links and enterprise software platform listings.
Tags
mswindows
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Microsoft icon
The Microsoft four-colored square grid logo, one of the most recognizable corporate marks in software. Use it in a Microsoft 365 integration button, a 'Sign in with Microsoft' OAuth flow, or a platform badge row alongside Apple and Google. The four squares in red, green, blue, and yellow carry strong brand equity; in monochrome contexts the grid pattern still reads as Microsoft to most users. For Windows-specific contexts, the Windows logo is more precise.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/microsoft.svg" width="24" height="24" alt="Microsoft" />
<!-- React -->
import { Microsoft } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="microsoft.svg" width="48" height="48" style="image-rendering: pixelated" />