HTML Entity for Quarter Note (♩)
What You'll Learn
How to display the quarter note symbol (♩) in HTML using hexadecimal, decimal, and CSS escape methods. This is the standard crotchet note in Western music notation—one beat in common time.
It is U+2669 (QUARTER NOTE) in the Miscellaneous Symbols block (U+2600–U+26FF). Use ♩, ♩, or CSS \2669. There is no named HTML entity for this character.
⚡ Quick Reference — Quarter Note
U+2669Miscellaneous Symbols
♩Hexadecimal reference
♩Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2669
Hex code ♩
HTML code ♩
Named entity (none)
CSS code \2669
Meaning Quarter note (crotchet)
Related U+266A = Eighth note (♪)
U+266B = Beamed eighth notes (♫)
Block Miscellaneous Symbols (U+2600–U+26FF)Complete HTML Example
A simple example showing ♩ using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\2669";
}
</style>
</head>
<body>
<p>Note (hex): ♩ = 1 beat</p>
<p>Note (decimal): ♩ = 1 beat</p>
<p>Note (CSS): <span id="point"></span> = 1 beat</p>
</body>
</html>🌐 Browser Support
The quarter note symbol is widely supported when fonts include Miscellaneous Symbols (U+2600–U+26FF):
👀 Live Preview
See ♩ rendered live in different contexts:
🧠 How It Works
Hexadecimal Code
♩ uses the Unicode hexadecimal value 2669 to display the quarter note symbol.
Decimal HTML Code
♩ uses the decimal Unicode value 9833 to display the same character.
CSS Entity
\2669 is used in CSS stylesheets in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce: ♩. Unicode U+2669 in Miscellaneous Symbols (U+2600–U+26FF). No named HTML entity exists.
Use Cases
The quarter note symbol (♩) commonly appears in:
Online scores, tutorials, and rhythm notation previews.
Lessons on note values, time signatures, and rhythm.
DAW interfaces, metronome apps, and music player UIs.
Music blogs, chord charts, and song structure guides.
Character pickers and Miscellaneous Symbols documentation.
Piano, guitar, and theory resources showing note durations.
Pair ♩ with “quarter note” in alt text for screen readers.
💡 Best Practices
Do
- Use
♩or♩for the quarter note glyph - Distinguish ♩ from ♪ (eighth note,
♪) - Pick one style (hex or decimal) per project
- Use music fonts or SVG for professional engraved notation when needed
- Test rendering across browsers and devices
Don’t
- Assume a named entity exists—there is none for ♩
- Substitute ♪ when ♩ (quarter note) is intended
- Use ♩ for full engraved sheet music—use dedicated notation formats
- Use CSS escape
\2669inside HTML text nodes - Use HTML entities in JS (use
\u2669instead)
Key Takeaways
Two HTML numeric references render ♩
♩ ♩For CSS stylesheets, use the escape in the content property
\2669Unicode U+2669 is QUARTER NOTE in Miscellaneous Symbols
No named HTML entity—use numeric codes or CSS escape only
Previous: Quadruple Prime (⁗) Next: Question Exclamation Mark (⁈)
❓ Frequently Asked Questions
♩ (hex), ♩ (decimal), or \2669 in CSS content. There is no named HTML entity for this symbol.U+2669 (QUARTER NOTE). Miscellaneous Symbols block. Hex 2669, decimal 9833.♩ or ♩, or the CSS escape \2669.♪) is an eighth note—half a beat.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.
About the author
8 people found this page helpful