music-note · Bootstrap Icons
Free SVG music-note icon from Bootstrap Icons. Rendered at 24×24 in the stroke style and licensed under MIT. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for MIT licensed icons.
Tags
- music
- note
Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g transform="scale(1.5) translate(0 0)"><path d="M9 13c0 1.105-1.12 2-2.5 2S4 14.105 4 13s1.12-2 2.5-2 2.5.895 2.5 2"/> <path fill-rule="evenodd" d="M9 3v10H8V3z"/> <path d="M8 2.82a1 1 0 0 1 .804-.98l3-.6A1 1 0 0 1 13 2.22V4L8 5z"/></g></svg>
// Run: npx sant-icons get bootstrap-music-note --format react
export function BootstrapMusicNote(props) {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><g transform="scale(1.5) translate(0 0)"><path d="M9 13c0 1.105-1.12 2-2.5 2S4 14.105 4 13s1.12-2 2.5-2 2.5.895 2.5 2"/> <path fill-rule="evenodd" d="M9 3v10H8V3z"/> <path d="M8 2.82a1 1 0 0 1 .804-.98l3-.6A1 1 0 0 1 13 2.22V4L8 5z"/></g></svg>
);
}npx sant-icons get bootstrap-music-note
Properties
- Name
- music-note
- Library
- Bootstrap Icons
- Style
- stroke
- License
- MIT
- Version
- 1.13.2
- Identifier
- bootstrap-music-note
music-note in other libraries
Related from Bootstrap Icons
The music-note icon ships with Bootstrap Icons, an open-source icon set licensed under MIT. Search for it as "bootstrap icons music-note", "music-note svg", or any of its tagged terms (music, note). The SVG is normalised to a 24×24 viewBox so you can drop it into any UI framework alongside the other icons here without scaling concerns.
Need this icon in your codebase fast? Install the MCP server for Claude Code (or any MCP-aware AI tool) and ask the model to fetch bootstrap-music-note directly into your project. No browser context-switch.