Pixelarticons

Notes 2 Pixel Art Icon

An alternate notes icon for memo lists, personal annotations, and quick-notes sections in productivity and writing apps.

office Pro 4 variants

Tags

notes

Style variants

base

Outline · rounded corners

Get Pro

sharp

Outline · sharp corners

Get Pro

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 Notes 2 icon

A second visual treatment of the notes icon, differing in corner style, line pattern, or shadow depth. Use it when two note types need distinct icons in the same UI, for example 'meeting notes' versus 'personal notes', or when this style integrates better with surrounding icons in a design system. The meaning is identical: an informal written memo or quick note. In most 'Notes' navigation links either variant works; the choice comes down to visual consistency.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/notes-2.svg" width="24" height="24" alt="Notes 2" />

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

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

Related icons