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

# Google Sheets

Google Sheets is Google Workspace's online spreadsheet app for real-time collaboration, formulas, charts and Apps Script automation, in the browser or on mobile.

## At a glance

- **Page**: https://devicons.io/icons/google-sheets/
- **Website**: https://workspace.google.com/products/sheets/
- **License**: https://policies.google.com/terms
- **Brand guidelines**: https://www.google.com/permissions/logos-trademarks/
- **Also known as**: Sheets, Google Spreadsheets, Google Sheets API
- **Tags**: [Google](/icons/tag/google/), [Spreadsheet](/icons/tag/spreadsheet/), [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-sheets` | `GoogleSheets` | https://devicons.io/devicons/icons/google-sheets.svg | https://devicons.io/devicons/font/google-sheets.svg | `devicons devicons-google-sheets` |

## Install and use

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

### React

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

<GoogleSheets size={32} alt="Google Sheets logo" />
```

### Vue

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

<template>
  <GoogleSheets :size="32" alt="Google Sheets logo" />
</template>
```

### Svelte

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

<GoogleSheets size={32} alt="Google Sheets logo" />
```

### Raw SVG

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

### Icon font

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

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

## About the Google Sheets logo

The Google Sheets icon is a green page (#0F9D58) with a folded top-right corner in light green (#87CEAC) and a white grid of cells in the middle. It shares its folded-page shape with the Google Docs and Google Slides icons.

The icon reads well on light and dark backgrounds.

## When to use this logo

Use Google Sheets for spreadsheet import and export buttons, no-code and automation tool docs, Google Sheets API guides and data stack diagrams. It pairs naturally with Microsoft Excel, Airtable, Zapier and Looker Studio.

## Related icons

- [Google Drive](/icons/google-drive.md)
- [Google Slides](/icons/google-slides.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 Play Console](/icons/google-play-console.md)
- Next: [Google Slides](/icons/google-slides.md)
- [All icons](/icons.md)