Notes Pixel Art Icon
A notes icon for personal memos, quick annotations, note-list views, and 'My Notes' navigation sections in productivity apps.
Style variants
base
Outline · rounded corners
sharp
Outline · sharp corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Notes icon
A document with a corner fold or ruled lines suggesting an informal memo rather than a formal report. Use it on a 'My notes' sidebar link, a 'Quick memo' button in a productivity app, a note-list view header, or a secondary panel storing annotations alongside main content. It reads lighter and more casual than a file or clipboard icon. For structured, sectioned notes the notebook icon conveys more organization; for audio notes, a microphone or note icon is more specific.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/notes.svg" width="24" height="24" alt="Notes" />
<!-- React -->
import { Notes } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="notes.svg" width="48" height="48" style="image-rendering: pixelated" />