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

# Microsoft PowerPoint

Microsoft PowerPoint is the Microsoft 365 presentation app for building slide decks with Designer layouts, animations, speaker notes and Copilot.

## At a glance

- **Page**: https://devicons.io/icons/microsoft-powerpoint/
- **Website**: https://www.microsoft.com/microsoft-365/powerpoint
- **License**: https://www.microsoft.com/en-us/legal/intellectualproperty/trademarks
- **Also known as**: PowerPoint, PPT, MS PowerPoint, PowerPoint for the web, pptx
- **Tags**: [Microsoft](/icons/tag/microsoft/), [Presentations](/icons/tag/presentations/), [Slides](/icons/tag/slides/), [Productivity](/icons/tag/productivity/)
- **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-powerpoint` | `MicrosoftPowerpoint` | https://devicons.io/devicons/icons/microsoft-powerpoint.svg | https://devicons.io/devicons/font/microsoft-powerpoint.svg | `devicons devicons-microsoft-powerpoint` |

## Install and use

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

### React

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

<MicrosoftPowerpoint size={32} alt="Microsoft PowerPoint logo" />
```

### Vue

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

<template>
  <MicrosoftPowerpoint :size="32" alt="Microsoft PowerPoint logo" />
</template>
```

### Svelte

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

<MicrosoftPowerpoint size={32} alt="Microsoft PowerPoint logo" />
```

### Raw SVG

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

### Icon font

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

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

## About the Microsoft PowerPoint logo

The PowerPoint icon is a round, layered shape in warm gradients, from red (#D12B18) and orange (#FF3C00, #FFA05C) to pink (#FF66FB). A dark red tile in front carries a white "P". 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 PowerPoint for .pptx file-type icons, export-to-slides buttons, presentation tool comparisons and Office Add-in docs. It pairs naturally with Google Slides, Keynote, Canva, Microsoft Word and Microsoft Excel.

## Related icons

- [Microsoft Excel](/icons/microsoft-excel.md)
- [Microsoft Office](/icons/microsoft-office.md)
- [Microsoft OneNote](/icons/microsoft-onenote.md)
- [Microsoft Outlook](/icons/microsoft-outlook.md)
- [Microsoft PowerToys](/icons/microsoft-powertoys.md)
- [Microsoft Word](/icons/microsoft-word.md)
- [Google Slides](/icons/google-slides.md)
- [Microsoft](/icons/microsoft.md)

## Browse the catalog
- Previous: [Microsoft Outlook](/icons/microsoft-outlook.md)
- Next: [Microsoft PowerToys](/icons/microsoft-powertoys.md)
- [All icons](/icons.md)