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

# Microsoft Excel

Microsoft Excel is the Microsoft 365 spreadsheet app for formulas, pivot tables, charts and data analysis, with Python in Excel and Copilot built in.

## At a glance

- **Page**: https://devicons.io/icons/microsoft-excel/
- **Website**: https://www.microsoft.com/microsoft-365/excel
- **License**: https://www.microsoft.com/en-us/legal/intellectualproperty/trademarks
- **Also known as**: Excel, MS Excel, Microsoft Office Excel, Excel for the web, xlsx
- **Tags**: [Microsoft](/icons/tag/microsoft/), [Spreadsheet](/icons/tag/spreadsheet/), [Productivity](/icons/tag/productivity/), [Data Analysis](/icons/tag/data-analysis/)
- **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-excel` | `MicrosoftExcel` | https://devicons.io/devicons/icons/microsoft-excel.svg | https://devicons.io/devicons/font/microsoft-excel.svg | `devicons devicons-microsoft-excel` |

## Install and use

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

### React

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

<MicrosoftExcel size={32} alt="Microsoft Excel logo" />
```

### Vue

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

<template>
  <MicrosoftExcel :size="32" alt="Microsoft Excel logo" />
</template>
```

### Svelte

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

<MicrosoftExcel size={32} alt="Microsoft Excel logo" />
```

### Raw SVG

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

### Icon font

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

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

## About the Microsoft Excel logo

The Excel icon is a stack of rounded panels in green gradients, from light green (#4EB43B) to forest green (#073B10). A darker green tile in front carries a white "X". It uses the same layered Fluent layout as Microsoft's other Microsoft 365 app icons.

The icon reads well on light and dark backgrounds.

## When to use this logo

Use Microsoft Excel for .xlsx and CSV import or export buttons, spreadsheet file-type icons, BI and reporting tool comparisons and docs for Excel add-ins or the Microsoft Graph workbook API. It pairs naturally with Google Sheets, Power BI, Microsoft Word, Airtable and Python.

## Related icons

- [Microsoft Office](/icons/microsoft-office.md)
- [Microsoft OneNote](/icons/microsoft-onenote.md)
- [Microsoft Outlook](/icons/microsoft-outlook.md)
- [Microsoft PowerPoint](/icons/microsoft-powerpoint.md)
- [Microsoft PowerToys](/icons/microsoft-powertoys.md)
- [Microsoft Word](/icons/microsoft-word.md)
- [Microsoft](/icons/microsoft.md)
- [Microsoft Access](/icons/microsoft-access.md)

## Browse the catalog
- Previous: [Microsoft Edge](/icons/microsoft-edge.md)
- Next: [Microsoft Foundry](/icons/microsoft-azure-ai.md)
- [All icons](/icons.md)