[Home](/index.md) › [Icons](/icons.md) › Gemini Notebook

# Gemini Notebook

Gemini Notebook, formerly NotebookLM, is Google's AI research and note-taking tool that answers questions about your sources and makes Audio Overviews.

## At a glance

- **Page**: https://devicons.io/icons/google-notebooklm/
- **Website**: https://notebook.google/
- **License**: https://policies.google.com/terms
- **Brand guidelines**: https://www.google.com/permissions/logos-trademarks/
- **Also known as**: NotebookLM, Google NotebookLM, Notebook LM, Project Tailwind, Google Gemini Notebook
- **Tags**: [AI](/icons/tag/ai/), [Google](/icons/tag/google/), [Productivity](/icons/tag/productivity/), [Research](/icons/tag/research/), [LLM](/icons/tag/llm/)
- **Version added**: 1.2.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-notebooklm-icon` | `GoogleNotebooklmIcon` | https://devicons.io/devicons/icons/google-notebooklm-icon.svg | https://devicons.io/devicons/font/google-notebooklm-icon.svg | `devicons devicons-google-notebooklm-icon` |
| `google-notebooklm` | `GoogleNotebooklm` | https://devicons.io/devicons/icons/google-notebooklm.svg | https://devicons.io/devicons/font/google-notebooklm.svg | `devicons devicons-google-notebooklm` |

## Install and use

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

### React

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

<GoogleNotebooklmIcon size={32} alt="Gemini Notebook logo" />
```

### Vue

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

<template>
  <GoogleNotebooklmIcon :size="32" alt="Gemini Notebook logo" />
</template>
```

### Svelte

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

<GoogleNotebooklmIcon size={32} alt="Gemini Notebook logo" />
```

### Raw SVG

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

### Icon font

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

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

## About the Gemini Notebook logo

The Gemini Notebook icon is three nested arches with legs, like a stack of rounded doorways. Each arch is a different shade of blue: blue (#3186FF), lighter blue (#4FA0FF) and sky blue (#76BBFF), with the front arch fading to lavender (#A9A8FF). The wordmark is set in dark grey (#212226). Google Labs launched the tool as Project Tailwind in 2023 and renamed it NotebookLM in 2024. On July 16, 2026, Google renamed it again, to Gemini Notebook.

The blue icon reads on light and dark backgrounds. The grey wordmark does not show on dark surfaces, so use the monochrome lockup there.

## When to use this logo

Use Gemini Notebook in AI research assistant comparisons, study and note-taking tool roundups, and guides to turning documents into Audio Overviews. It also fits productivity stack diagrams for students and knowledge workers. The same files cover older docs and tutorials that still call the product NotebookLM. It pairs naturally with Google Gemini, Google Docs, Notion AI, Perplexity and ChatGPT.

## Related icons

- [Google Gemini](/icons/google-gemini.md)
- [Google AI Studio](/icons/google-ai-studio.md)
- [Google Bard](/icons/google-bard.md)
- [Google DeepMind](/icons/google-deepmind.md)
- [Google Gemma](/icons/google-gemma.md)
- [Google PaLM](/icons/google-palm.md)
- [Google Calendar](/icons/google-calendar.md)
- [Google Colab](/icons/google-colab.md)

## Browse the catalog
- Previous: [Geetest](/icons/geetest.md)
- Next: [GetYourGuide](/icons/getyourguide.md)
- [All icons](/icons.md)