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

# Google Antigravity

Google Antigravity is Google's agent-first IDE, where Gemini-powered AI agents plan, write, test and verify code across the editor, terminal and browser.

## At a glance

- **Page**: https://devicons.io/icons/google-antigravity/
- **Website**: https://antigravity.google/
- **License**: https://policies.google.com/terms
- **Brand guidelines**: https://www.google.com/permissions/logos-trademarks/
- **Also known as**: Antigravity, Antigravity IDE, Google Antigravity IDE
- **Tags**: [AI](/icons/tag/ai/), [IDE](/icons/tag/ide/), [Google](/icons/tag/google/), [Agents](/icons/tag/agents/), [Code Assistant](/icons/tag/code-assistant/)
- **Version added**: 1.3.0
- **Contrast**: needs a light backdrop on dark backgrounds

## 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-antigravity-icon` | `GoogleAntigravityIcon` | https://devicons.io/devicons/icons/google-antigravity-icon.svg | https://devicons.io/devicons/font/google-antigravity-icon.svg | `devicons devicons-google-antigravity-icon` |
| `google-antigravity` | `GoogleAntigravity` | https://devicons.io/devicons/icons/google-antigravity.svg | https://devicons.io/devicons/font/google-antigravity.svg | `devicons devicons-google-antigravity` |

## Install and use

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

### React

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

<GoogleAntigravityIcon size={32} alt="Google Antigravity logo" />
```

### Vue

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

<template>
  <GoogleAntigravityIcon :size="32" alt="Google Antigravity logo" />
</template>
```

### Svelte

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

<GoogleAntigravityIcon size={32} alt="Google Antigravity logo" />
```

### Raw SVG

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

### Icon font

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

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

## About the Google Antigravity logo

The Antigravity icon is an arch, like a rounded "A" without a crossbar, with feet that flare outward. It is filled with soft, blurred patches of Google colours: blue (#3186FF), green (#00B95C), yellow (#FFE432) and red (#FC413D), in the same glowing gradient style as the Gemini mark. Google launched Antigravity in November 2025, alongside Gemini 3. The lockup sets "Google Antigravity" in dark grey (#202124) next to the arch.

The icon reads well on light and dark backgrounds. The grey wordmark disappears on dark surfaces, so use the monochrome lockup there.

## When to use this logo

Use Google Antigravity in AI coding tool comparisons, agentic IDE roundups and developer workflow diagrams. It pairs naturally with Google Gemini, Cursor, Windsurf, Claude Code and Visual Studio Code. Use the arch on its own for compact UI slots.

## Related icons

- [Google Vertex AI](/icons/google-vertex-ai.md)
- [Google Gemini](/icons/google-gemini.md)
- [Gemini Notebook](/icons/google-notebooklm.md)
- [Google AI Studio](/icons/google-ai-studio.md)
- [Google Bard](/icons/google-bard.md)
- [Google Colab](/icons/google-colab.md)
- [Google DeepMind](/icons/google-deepmind.md)
- [Google Gemma](/icons/google-gemma.md)

## Browse the catalog
- Previous: [Google Analytics](/icons/google-analytics.md)
- Next: [Google Bard](/icons/google-bard.md)
- [All icons](/icons.md)