Notebook Pen Pixel Art Icon
A notebook with a pen for writing notes, starting a journal entry, editing documentation, and 'New note' creation actions.
Tags
notebookpenwritedraw
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Notebook Pen icon
A bound notebook paired with a pen, combining the note-taking metaphor with active writing. Place it on a 'New note' button in a personal notes app, a 'Write entry' action in a journal, an 'Edit documentation' link in a developer portal, or a 'Start taking notes' prompt in a meeting tool. The pen makes the writing intent explicit, distinguishing it from the plain notebook that may suggest viewing. For sectioned notes, notebook-tabs shifts the focus to navigation.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/notebook-pen.svg" width="24" height="24" alt="Notebook Pen" />
<!-- React -->
import { NotebookPen } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="notebook-pen.svg" width="48" height="48" style="image-rendering: pixelated" />