HTML Entity for Beamed Eighth Notes (♫)
What You'll Learn
How to display beamed eighth notes (♫) in HTML using numeric character references and CSS. This character is U+266B (beamed eighth notes) in the Miscellaneous Symbols block (roughly U+2600–U+26FF). It stands for two eighth notes connected by a beam—a compact rhythm cue in prose, lesson pages, and lightweight music UI.
There is no named HTML entity for this symbol. Use ♫ or ♫ in markup, or \266B in stylesheet content on pseudo-elements. For serious engraving, dedicated notation engines still beat raw Unicode, but ♫ is ideal for labels, breadcrumbs, and educational copy.
⚡ Quick Reference — Beamed Eighth Notes
U+266BMiscellaneous Symbols
♫Hexadecimal reference
♫Decimal reference
—None (use numeric refs)
Name Value
──────────── ──────────
Unicode U+266B
Hex code ♫
HTML code ♫
Named entity —
CSS code \266BComplete HTML Example
This example demonstrates beamed eighth notes using hexadecimal code, decimal HTML code, and a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\266B";
}
</style>
</head>
<body>
<p>Beamed Eighth Notes using Hexa Decimal: ♫</p>
<p>Beamed Eighth Notes using HTML Code: ♫</p>
<p id="point">Beamed Eighth Notes using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+266B is widely supported wherever Unicode Miscellaneous Symbols render correctly:
👀 Live Preview
See ♫ (U+266B) next to the single eighth note ♪ (U+266A) and beamed sixteenths ♬ (U+266C) in the same block:
🧠 How It Works
Hexadecimal Code
♫ references code point U+266B using hex digits 266B after the #x prefix.
Decimal HTML Code
♫ is the decimal equivalent (9835) for the same beamed eighth notes character.
CSS Entity
\266B is the CSS escape for U+266B, used in the content property of ::before or ::after.
Same visual result
Hex, decimal, and CSS escapes all produce ♫. There is no named HTML entity; pick one numeric style per document for consistency.
Use Cases
The beamed eighth notes symbol (♫) is commonly used for:
Theory lessons, rhythm drills, and course landing pages.
Web viewers, practice tools, and lightweight editors.
Rhythm hints next to guitar or ukulele charts.
Time signatures, swing feel, and counting exercises.
Simple beat markers in static lyric HTML.
Icons for playlists, audio lessons, or music categories.
Pair ♫ with visible text or aria-label (“Beamed eighth notes”) so the glyph is not the only cue.
💡 Best Practices
Do
- Use
♫or♫consistently within one page - Load a music-capable font (e.g. Noto Music) when ♫ must match print-like weight
- Align ♫ with related glyphs (♪, ♬, ♩) at the same font size in rows
- Use
\266Bonly inside CSScontent, not pasted into HTML text - Explain rhythm in words for learners—Unicode decorates the explanation
Don’t
- Substitute ♫ for a full notation renderer when stems, beams, and spacing must be exact
- Confuse U+266B with similar music dingbats (check code charts for ♪ ♬)
- Rely on ♫ alone in navigation without a text label
- Assume every system font draws ♫ with identical metrics
- Use CSS escapes inside HTML markup (they belong in stylesheets)
Key Takeaways
Two numeric references render the same glyph
♫ ♫In CSS content, use the escape
\266BUnicode U+266B is beamed eighth notes; no standard named entity
Neighbors in the block include ♪ (eighth) and ♬ (beamed sixteenths)
Add text or ARIA when the mark carries meaning for users or assistive tech
❓ Frequently Asked Questions
♫ (hex), ♫ (decimal), or \266B in CSS content. There is no named entity; all valid methods render ♫.U+266B (hex 266B, decimal 9835). It lives in the Miscellaneous Symbols block.\266B escape belongs in stylesheets (for example on pseudo-elements). Do not paste CSS escapes into HTML text nodes.♫, ♫, or \266B in CSS depending on whether you are authoring markup or styles.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