Pixelarticons

Keyboard Music Pixel Art Icon

A music keyboard icon for piano apps, MIDI controllers, music composition tools, and audio note-input features.

media Free 4 variants

Tags

keyboardtypinginputkeyssongnote

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 Keyboard Music icon

A piano keyboard with musical note accents, combining the input device and the output it produces. It suits a 'Piano' or 'Keyboard' mode in a music creation app, a MIDI input settings section, or a composition tool's note-entry panel. Because it blends keys and notes visually, it reads more specifically as musical than a plain keyboard icon. For general text input, the standard keyboard icon avoids any musical association.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/keyboard-music.svg" width="24" height="24" alt="Keyboard Music" />

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

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

Related icons