Pixelarticons

Notebook Pixel Art Icon

A notebook icon for personal notes, journals, documentation sections, and note-taking app navigation items.

office Free 4 variants

Style variants

base

Outline · rounded corners

sharp

Outline · sharp corners

glyph

Filled · sharp corners

Get Pro

solid

Filled · rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Notebook icon

A bound notebook, spiral-bound or sewn-bound, representing a personal journal, notes collection, or documentation module. Use it on a 'Notes' navigation link, a 'Personal journal' section in a productivity app, a 'Documentation' sidebar entry, or a note-taking widget. It is more personal and less formal than a file or clipboard icon. When the notebook has a pen beside it (notebook-pen), the emphasis shifts to writing; when it has tabs (notebook-tabs), the emphasis shifts to sections and navigation.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/notebook.svg" width="24" height="24" alt="Notebook" />

<!-- React -->
import { Notebook } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="notebook.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons