HTML Entity for Eighth Note (♪)
What You'll Learn
How to display the Eighth Note (♪) in HTML using hexadecimal, decimal, named entity, and CSS escape methods. This character is U+266A (EIGHTH NOTE) in the Miscellaneous Symbols block (U+2600–U+26FF)—a musical symbol used in sheet music, notation, lyrics, chord charts, and music education.
Render it with ♪, ♪, the named entity ♪, or CSS escape \266A. Unlike many decorative Dingbats, the eighth note has a standard named entity for readable music markup. Compare ♫ (beamed eighth notes, U+266B) when you need two notes on one beam.
⚡ Quick Reference — Eighth Note
U+266AMiscellaneous Symbols
♪Hexadecimal reference
♪Decimal reference
♪Most readable in music markup
Name Value
──────────── ──────────
Unicode U+266A
Hex code ♪
HTML code ♪
Named entity ♪
CSS code \266A
Related U+266B = Beamed eighth notes (♫)Complete HTML Example
This example demonstrates the Eighth Note (♪) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\266A";
}
</style>
</head>
<body>
<p>Eighth Note using Hexadecimal: ♪</p>
<p>Eighth Note using HTML Code: ♪</p>
<p>Eighth Note using HTML Entity: ♪</p>
<p id="point">Eighth Note using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+266A is widely supported wherever Unicode Miscellaneous Symbols render correctly:
👀 Live Preview
See the Eighth Note (♪) in music and notation contexts:
🧠 How It Works
Hexadecimal Code
♪ uses the Unicode hexadecimal value 266A to display the Eighth Note. The x prefix indicates hexadecimal format.
Decimal HTML Code
♪ uses the decimal Unicode value 9834 to display the same character. This is one of the most commonly used methods.
Named Entity
♪ is the semantic named entity for the Eighth Note—the easiest to read in source HTML for music-related content.
CSS Entity
\266A is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All four methods produce the Eighth Note glyph: ♪. Unicode U+266A sits in the Miscellaneous Symbols block (U+2600–U+26FF).
Use Cases
The Eighth Note (♪) commonly appears in:
Web-based scores, tabs, and lightweight notation viewers.
Theory lessons, rhythm exercises, and tutorial content.
Song lyrics, chord diagrams, and songwriting tools.
Notation editors, metronomes, and theory practice UIs.
Music articles, composer bios, and album write-ups.
Piano, guitar, and instrument lesson pages with rhythm cues.
💡 Best Practices
Do
- Use
♪for readable music-related markup - Pick one style (hex / decimal / named) per project
- Use fonts that support Miscellaneous Symbols (Segoe UI Symbol, etc.)
- Add
aria-label(e.g. “eighth note”) when the symbol conveys meaning - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse ♪ (single eighth note) with ♫ (beamed eighth notes U+266B)
- Use CSS escape
\266Ainside HTML text nodes - Assume all decorative fonts render ♪ clearly
- Rely on Unicode alone for professional engraved scores
- Mix entity styles randomly in one file
Key Takeaways
Three HTML references plus CSS all render ♪
♪ ♪ ♪For CSS stylesheets, use the escape in the content property
\266AUnicode U+266A — EIGHTH NOTE in Miscellaneous Symbols
Prefer ♪ for readability in music markup
Use ♫ (U+266B) when you need two beamed eighth notes instead
❓ Frequently Asked Questions
♪ (hex), ♪ (decimal), ♪ (named), or \266A in CSS content. All produce ♪.U+266A (EIGHTH NOTE). Miscellaneous Symbols block (U+2600–U+26FF). Hex 266A, decimal 9834. Used in music notation and music-related content.♪, ♪, or ♪) go directly in markup. The CSS escape \266A is used in stylesheets, typically in the content property of ::before or ::after. Same visual result, different layers of the stack.♪, ♪, and ♪ are equivalent in modern browsers and all render ♪.Explore More HTML Entities!
Discover 1500+ HTML character references — music symbols, math operators, arrows, and more.
About the author
8 people found this page helpful