[Home](/index.md) › [Icons](/icons.md) › Microsoft Word

# Microsoft Word

Microsoft Word is the Microsoft 365 word processor for writing, editing and sharing documents on Windows, macOS, the web and mobile, with Copilot built in.

## At a glance

- **Page**: https://devicons.io/icons/microsoft-word/
- **Website**: https://www.microsoft.com/microsoft-365/word
- **License**: https://www.microsoft.com/en-us/legal/intellectualproperty/trademarks
- **Also known as**: Word, MS Word, Microsoft Office Word, Word for the web, docx
- **Tags**: [Microsoft](/icons/tag/microsoft/), [Productivity](/icons/tag/productivity/), [Writing](/icons/tag/writing/), [Collaboration](/icons/tag/collaboration/)
- **Version added**: 1.3.0

## Files

Each file is one variant of this logo. The component name is derived from the file name.

| File | Component | Color SVG | Monochrome SVG | Font class |
| --- | --- | --- | --- | --- |
| `microsoft-word` | `MicrosoftWord` | https://devicons.io/devicons/icons/microsoft-word.svg | https://devicons.io/devicons/font/microsoft-word.svg | `devicons devicons-microsoft-word` |

## Install and use

```bash
npm install @dev.icons/react  # or @dev.icons/vue, @dev.icons/svelte
```

### React

```tsx
import { MicrosoftWord } from "@dev.icons/react";
// Monochrome (inherits currentColor):
// import { MicrosoftWord } from "@dev.icons/react/mono";

<MicrosoftWord size={32} alt="Microsoft Word logo" />
```

### Vue

```vue
<script setup>
import { MicrosoftWord } from "@dev.icons/vue";
</script>

<template>
  <MicrosoftWord :size="32" alt="Microsoft Word logo" />
</template>
```

### Svelte

```svelte
<script>
  import { MicrosoftWord } from "@dev.icons/svelte";
</script>

<MicrosoftWord size={32} alt="Microsoft Word logo" />
```

### Raw SVG

```html
<img src="https://devicons.io/devicons/icons/microsoft-word.svg" alt="Microsoft Word logo" width="48" height="48" />
```

### Icon font

```css
@import "devicons/css"; /* npm install devicons */
```

```html
<i class="devicons devicons-microsoft-word"></i>
```

## About the Microsoft Word logo

The Word icon is a stack of rounded panels in blue gradients, from light blue (#509DF5) to royal blue (#1657F4), with soft violet highlights. A smaller blue tile in front carries a white "W". It follows the layered Fluent style of Microsoft's current Microsoft 365 app icons, where Word, Excel, PowerPoint and Outlook share the same letter-tile layout in different colours.

The icon reads well on light and dark backgrounds.

## When to use this logo

Use Microsoft Word for .docx file-type icons, export and "open in Word" buttons, document workflow diagrams, office suite comparisons and docs for Office Add-ins or the Microsoft Graph API. It pairs naturally with Microsoft Excel, Microsoft PowerPoint, Microsoft Outlook, Google Docs and PDF.

## Related icons

- [Microsoft Office](/icons/microsoft-office.md)
- [Microsoft OneNote](/icons/microsoft-onenote.md)
- [Microsoft Excel](/icons/microsoft-excel.md)
- [Microsoft Outlook](/icons/microsoft-outlook.md)
- [Microsoft PowerPoint](/icons/microsoft-powerpoint.md)
- [Microsoft PowerToys](/icons/microsoft-powertoys.md)
- [Microsoft SharePoint](/icons/microsoft-sharepoint.md)
- [Microsoft Teams](/icons/microsoft-teams.md)

## Browse the catalog
- Previous: [Microsoft Windows](/icons/microsoft-windows.md)
- Next: [Middleman](/icons/middleman.md)
- [All icons](/icons.md)