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

# Google Meet

Google Meet is Google Workspace's video conferencing app for meetings, screen sharing, live captions and recordings, built into Gmail, Google Calendar and Chrome.

## At a glance

- **Page**: https://devicons.io/icons/google-meet/
- **Website**: https://meet.google.com/
- **License**: https://policies.google.com/terms
- **Brand guidelines**: https://www.google.com/permissions/logos-trademarks/
- **Also known as**: Meet, Hangouts Meet, Google Hangouts Meet, Google Duo
- **Tags**: [Google](/icons/tag/google/), [Video Conferencing](/icons/tag/video-conferencing/), [Communication](/icons/tag/communication/), [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-meet` | `GoogleMeet` | https://devicons.io/devicons/icons/google-meet.svg | https://devicons.io/devicons/font/google-meet.svg | `devicons devicons-google-meet` |

## Install and use

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

### React

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

<GoogleMeet size={32} alt="Google Meet logo" />
```

### Vue

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

<template>
  <GoogleMeet :size="32" alt="Google Meet logo" />
</template>
```

### Svelte

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

<GoogleMeet size={32} alt="Google Meet logo" />
```

### Raw SVG

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

### Icon font

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

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

## About the Google Meet logo

The Google Meet icon is a video camera built from coloured blocks: blue (#0066DA, #2684FC), red (#E94235), yellow and green (#00AC47, #00832D), with a square cut-out in the camera body and a green lens on the right. Google introduced it in October 2020, when G Suite became Google Workspace and its apps got matching four-colour icons.

The icon reads well on light and dark backgrounds.

## When to use this logo

Use Google Meet in video conferencing comparisons, "join with Google Meet" buttons, scheduling integrations and remote work stack slides. It pairs naturally with Zoom, Microsoft Teams, Google Calendar and Slack.

## Related icons

- [Google Classroom](/icons/google-classroom.md)
- [Google Drive](/icons/google-drive.md)
- [Google Gmail](/icons/google-gmail.md)
- [Google Sheets](/icons/google-sheets.md)
- [Google Slides](/icons/google-slides.md)
- [Google Workspace](/icons/google-workspace.md)
- [Google Gemini](/icons/google-gemini.md)
- [Google Data Studio](/icons/google-data-studio.md)

## Browse the catalog
- Previous: [Google Maps](/icons/google-maps.md)
- Next: [Google PaLM](/icons/google-palm.md)
- [All icons](/icons.md)