HTML Entity for Beamed Sixteenth Notes (♬)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+266C

What Is the Beamed Sixteenth Notes Entity?

Beamed sixteenth notes (♬) is Unicode U+266C in the Miscellaneous Symbols block. It stands for two sixteenth notes joined by a beam — a denser rhythm cue than beamed eighths for subdivisions and faster drills. HTML has no standard named entity — use numeric or CSS forms (or type the character in UTF-8).

Remember
Character     ♬
Unicode       U+266C
Hex entity    ♬
Decimal       ♬
Named entity  (none)
CSS escape    \266C
Related       ♪ U+266A · ♫ U+266B

All of these produce the same glyph: ♬. Prefer typing ♬ in UTF-8 when you can; use ♬ / ♬ or CSS for generated content.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character♬HTML text (UTF-8)
Named entityNone—
Hex entity♬HTML markup
Decimal entity♬HTML markup
CSS escape\266CStylesheet content

When to Use Which

SituationUse
Beamed sixteenth-note pair♬ or type ♬
Beamed eighths (slower pair)♫ (U+266B)
Single eighth note♪ (U+266A)
Need an entity in HTML source♬ or ♬
Icon via CSScontent: "\266C" on ::before

Live Preview

Beamed sixteenths next to related music dingbats.

Inline Subdivide the beat: ♬
Large glyph ♬
Music trio ♪ eighth   ♫ beamed 8ths   ♬ beamed 16ths
vs. beamed eighths ♫ two  vs.  ♬ four-feel cue
With entities Hex: ♬ | Decimal: ♬

Complete HTML Example

One page that shows ♬ with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to produce ♬ in a single document (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Beamed Sixteenth Notes (♬) in HTML</title>
  <style>
    #point::after {
      content: "\266C";
    }
  </style>
</head>
<body>
  <p>Beamed sixteenths using Hex Code: &#x266C;</p>
  <p>Beamed sixteenths using HTML Code: &#9836;</p>
  <p id="point">Beamed sixteenths using CSS Entity: </p>
  <p>Typed directly: ♬</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+266C → &#x266C; in HTML. The browser turns it into ♬.

2. Decimal: same code point as 9836 → &#9836;. Same result as hex.

3. CSS: use \266C in content (not an HTML entity). #point::after appends that ♬ after the paragraph text.

4. Typed ♬: fine in UTF-8 source. All four lines show the same glyph.

Pitfalls & Tips

Common mistakes when working with beamed sixteenth notes (♬).

Named

No &name; form

U+266C has no standard named entity — use &#x266C; or &#9836;.

♫ / ♪

Know the music trio

♪ is a single eighth; ♫ is beamed eighths; ♬ is beamed sixteenths.

Engraving

Not full sheet music

♬ is a dingbat for labels. Use a notation engine for real scores.

a11y

Add plain-language labels

Screen readers may not say “beamed sixteenth notes.” Pair the glyph with visible text.

CSS vs HTML

Do not mix escapes

\266C belongs in CSS. &#x266C; / &#9836; belong in HTML.

Semicolon

End references

Always finish with ; — write &#x266C;, not &#x266C.

Browser Support

Beamed sixteenth notes (U+266C) and its entity forms (&#x266C;, &#9836;, CSS \\266C) are supported in all mainstream browsers. Glyph quality depends on font support for Miscellaneous Symbols.

✓ Universal support

Beamed Sixteenth Notes (♬)

Type ♬, or encode with hex, decimal, or CSS escape — same glyph everywhere encoding is supported.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+266C / entities Full support

Bottom line: Prefer a typed ♬ or &#x266C; for music labels. Use decimal when generating markup, and \\266C only inside CSS content.

Key Takeaways

  • Unicode: beamed sixteenth notes is U+266C (decimal 9836).
  • HTML: use &#x266C; or &#9836; (no named entity).
  • CSS: use \266C inside content for generated icons.
  • Watch out: ♬ ≠ ♫ ≠ ♪.

One line: U+266C → &#x266C; / &#9836; / CSS \266C.

Frequently Asked Questions

Use &#x266C; (hex), &#9836; (decimal), or the CSS escape \266C in the content property. All render ♬. You can also paste ♬ directly if your file is UTF-8. There is no standard named entity.
U+266C (hex 266C, decimal 9836). Unicode names it BEAMED SIXTEENTH NOTES. It belongs to the Miscellaneous Symbols block.
No. HTML5 / WHATWG does not define a named character reference for U+266C. Prefer &#x266C;, &#9836;, or a typed ♬ in UTF-8.
♬ is beamed sixteenth notes (U+266C). ♫ is beamed eighth notes (U+266B). ♪ is a single eighth note (U+266A). They are related but different code points.
HTML entities (&#9836; or &#x266C;) go in markup. The CSS escape \266C is used in stylesheets (usually in the content property of ::before/::after). Both render ♬.
For faster rhythm cues, subdivisions, and music education labels. For serious sheet music, prefer a dedicated notation tool — ♬ is a dingbat, not full engraving.

Did you know?

Beamed sixteenth notes is Unicode U+266C (decimal 9836) in the Miscellaneous Symbols block — official name BEAMED SIXTEENTH NOTES. There is no standard named HTML entity. It is denser than beamed eighths (♫, U+266B). Related: ♪ (U+266A) and ♫ (U+266B).

Next: Because

Learn the HTML entity for the because symbol (∵).

Next tutorial →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

8 people found this page helpful