HTML Entity for Beamed Sixteenth Notes (♬)
What You'll Learn
How to display beamed sixteenth notes (♬) in HTML using numeric character references and CSS. This character is U+266C (beamed sixteenth notes) in the Miscellaneous Symbols block (roughly U+2600–U+26FF). It denotes two sixteenth notes joined by a beam—a denser rhythm icon than beamed eighths (♫, U+266B) for faster passages, subdivisions, and drum or strumming shorthand in prose.
There is no named HTML entity for this symbol. Use ♬ or ♬ in markup, or \266C in stylesheet content on pseudo-elements. Like ♫, it is a dingbat for UI and lessons, not a substitute for full music engraving.
⚡ Quick Reference — Beamed Sixteenth Notes
U+266CMiscellaneous Symbols
♬Hexadecimal reference
♬Decimal reference
—None (use numeric refs)
Name Value
──────────── ──────────
Unicode U+266C
Hex code ♬
HTML code ♬
Named entity —
CSS code \266CComplete HTML Example
This example demonstrates beamed sixteenth notes using hexadecimal code, decimal HTML code, and a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\266C";
}
</style>
</head>
<body>
<p>Beamed Sixteenth Notes using Hexa Decimal: ♬</p>
<p>Beamed Sixteenth Notes using HTML Code: ♬</p>
<p id="point">Beamed Sixteenth Notes using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+266C is widely supported wherever Unicode Miscellaneous Symbols render correctly:
👀 Live Preview
See ♬ (U+266C) next to beamed eighths ♫ (U+266B) and the single eighth ♪ (U+266A):
🧠 How It Works
Hexadecimal Code
♬ references code point U+266C using hex digits 266C after the #x prefix.
Decimal HTML Code
♬ is the decimal equivalent (9836) for the same beamed sixteenth notes character.
CSS Entity
\266C is the CSS escape for U+266C, 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 sixteenth notes symbol (♬) is commonly used for:
Double-time passages, fills, and subdivision callouts in lessons.
Icons for sixteenth-based patterns in lightweight viewers.
Dense picking or hi-hat patterns shown beside chord grids.
Counting “1 e & a” rows and metronome-style copy.
When the lyric line needs a busier beat symbol than ♫.
Tempo or groove presets labeled with Unicode instead of bitmaps.
Pair ♬ with visible text or aria-label (“Beamed sixteenth notes”) so the glyph is not the only cue.
💡 Best Practices
Do
- Use
♬or♬consistently within one page - Contrast ♬ with ♫ in copy when you mean sixteenths vs eighths
- Use a music font when ♬ and ♫ must align in the same row
- Use
\266Conly inside CSScontent, not pasted into HTML text - Spell out counts (“four sixteenths per beat”) for beginners
Don’t
- Use ♬ interchangeably with ♫ without telling readers which subdivision you mean
- Expect ♬ to replace SMuFL or engraved beams for publication-quality scores
- Rely on ♬ alone in navigation without a text label
- Confuse U+266C with unrelated 266x symbols—verify the chart
- 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
\266CUnicode U+266C is beamed sixteenth notes; no standard named entity
Pair with ♫ (eighth beam) and ♪ (single eighth) for a clear rhythm ladder
Add text or ARIA when the mark carries meaning for users or assistive tech
❓ Frequently Asked Questions
♬ (hex), ♬ (decimal), or \266C in CSS content. There is no named entity; all valid methods render ♬.U+266C (hex 266C, decimal 9836). It lives in the Miscellaneous Symbols block.\266C escape belongs in stylesheets (for example on pseudo-elements). Do not paste CSS escapes into HTML text nodes.♬, ♬, or \266C 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