[Home](/index.md) › [Icons](/icons.md) › Google Slides

# Google Slides

Google Slides is Google Workspace's online presentation app for building and presenting slide decks together in real time, in the browser or on mobile.

## At a glance

- **Page**: https://devicons.io/icons/google-slides/
- **Website**: https://workspace.google.com/products/slides/
- **License**: https://policies.google.com/terms
- **Brand guidelines**: https://www.google.com/permissions/logos-trademarks/
- **Also known as**: Slides, Google Presentations, Google Slides API
- **Tags**: [Google](/icons/tag/google/), [Presentations](/icons/tag/presentations/), [Slides](/icons/tag/slides/), [Productivity](/icons/tag/productivity/), [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 |
| --- | --- | --- | --- | --- |
| `google-slides` | `GoogleSlides` | https://devicons.io/devicons/icons/google-slides.svg | https://devicons.io/devicons/font/google-slides.svg | `devicons devicons-google-slides` |

## Install and use

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

### React

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

<GoogleSlides size={32} alt="Google Slides logo" />
```

### Vue

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

<template>
  <GoogleSlides :size="32" alt="Google Slides logo" />
</template>
```

### Svelte

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

<GoogleSlides size={32} alt="Google Slides logo" />
```

### Raw SVG

```html
<img src="https://devicons.io/devicons/icons/google-slides.svg" alt="Google Slides logo" width="48" height="48" />
```

### Icon font

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

```html
<i class="devicons devicons-google-slides"></i>
```

## About the Google Slides logo

The Google Slides icon is a yellow page (#F4B400) with a folded top-right corner in pale yellow (#FADA80) and a white outlined rectangle, a slide, in the middle. It shares its folded-page shape with the Google Docs and Google Sheets icons.

The icon reads well on light and dark backgrounds.

## When to use this logo

Use Google Slides in presentation tool comparisons, Google Workspace integration docs, export-to-slides buttons and docs for the Google Slides API. It pairs naturally with Google Sheets, Microsoft PowerPoint, Canva and Keynote.

## Related icons

- [Google Drive](/icons/google-drive.md)
- [Google Sheets](/icons/google-sheets.md)
- [Google Workspace](/icons/google-workspace.md)
- [Gemini Notebook](/icons/google-notebooklm.md)
- [Google Calendar](/icons/google-calendar.md)
- [Google Classroom](/icons/google-classroom.md)
- [Google Gmail](/icons/google-gmail.md)
- [Google Meet](/icons/google-meet.md)

## Browse the catalog
- Previous: [Google Sheets](/icons/google-sheets.md)
- Next: [Google Vertex AI](/icons/google-vertex-ai.md)
- [All icons](/icons.md)