Pixelarticons

Note 2 Pixel Art Icon

An alternate musical note icon for music apps, audio controls, and sound-related UI elements needing a different note style.

office Pro 4 variants

Tags

notesound

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

A second visual style for a musical note: perhaps a quarter note, a beamed pair, or a different stem angle. Choose it when a design system uses two audio-related icons side by side and visual differentiation matters, or when the primary note icon clashes with neighboring shapes. The meaning is identical: audio, music, or sound. For written notes and memos, the sticky-note or notebook family avoids conflating the two very different senses of 'note'.

Usage

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

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

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

Related icons