Musical Note icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable media vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/heroicons-musical-note.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-musical-note.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-musical-note.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-musical-note.json
Category:media
Tags:musicnoteaudiosoundmelodymusicalcontent

The musical note icon represents music and audio content with its classic eighth note design.

This music symbol has become the standard indicator for music features, audio content, playlist functions, and sound-related tools across all modern music streaming platforms and audio applications.

Frequently Asked Questions

Common questions about the Musical Note icon

Similar Icons

Eye Dropper - interface icon from HeroIcons
eye dropper
Bars 3 Center Left Solid - interface icon from HeroIcons
bars 3 center left solid
Arrow Long Up - navigation icon from HeroIcons
arrow long up
Arrows Up Down 20 Solid - interface icon from HeroIcons
arrows up down 20 solid
Face Frown 20 Solid - interface icon from HeroIcons
face frown 20 solid
Link 16 Solid - actions icon from HeroIcons
link 16 solid
Bell Alert Solid - communication icon from HeroIcons
bell alert solid
Play Pause Solid - media icon from HeroIcons
play pause solid
Exclamation Circle - status icon from HeroIcons
exclamation circle