HTML Entity for Eighth Note (♪)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+266A
HTML Entity for eighth note (U+266A) tutorial illustration
Definition

What Is Eighth Note?

Eighth note (♪) is the Unicode character at U+266A in Miscellaneous Symbols. Official name: EIGHTH NOTE. It is a single eighth-note music symbol — useful for music UI, lyrics markers, and educational content.

Remember
Character     ♪
Unicode       U+266A
Named entity  ♪
Hex entity    ♪
Decimal       ♪
CSS escape    \266A
Not the same  ♩ (quarter) · ♫ (beamed 8ths)

Prefer ♪ in HTML markup. You can also use ♪ / ♪, or type ♪ in a UTF-8 document.

Reference

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity♪HTML markup (preferred)
Hex entity♪HTML markup
Decimal entity♪HTML markup
Direct character♪HTML text (UTF-8)
CSS escape\266AStylesheet content
Beamed eighth notes (related)♫ (♫, U+266B)Two beamed notes — not a single note

When to Use Which

SituationUse
Single eighth note♪ or type ♪
Quarter / beamed eighth notesU+2669 · U+266B
Previous ornament in seriesEight teardrop spoked propeller asterisk
Next in seriesElement of (U+2208)
Generated text via ::before / ::aftercontent: "\266A"
See it

Live Preview

Eighth note rendered alone, in a lyric line, and compared with related music symbols.

Glyph ♪
Large glyph ♪
Lyric mark ♪ Now playing
Compared ♪   ♩   ♫
With entities Named: ♪ | Hex: ♪ | Decimal: ♪
Code

Complete HTML Example

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

Named + Hex + Decimal + CSS + Typed

Five ways to display ♪ in HTML and CSS.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Eighth Note (U+266A) in HTML</title>
  <style>
    #point::after {
      content: "\266A";
    }
  </style>
</head>
<body>
  <p>Built with Named: &sung;</p>
  <p>Built with Hex: &#x266A;</p>
  <p>Built with Decimal: &#9834;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ♪</p>
  <p>Lyric: &sung; Now playing</p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &sung; is the preferred HTML5 name for U+266A → ♪.

2. Hex: &#x266A; inserts the same code point. Same visual as named.

3. Decimal: same code point as 9834 → &#9834;.

4. CSS: use \266A in content (not an HTML entity). #point::after appends ♪.

5. Typed: paste ♪ in a UTF-8 document, or pair it with a label like &sung; Now playing.

Pitfalls & Tips

Common mistakes when working with Eighth Note.

Name

Prefer &sung;

&sung; is the readable named form for U+266A. Numeric forms still work when you need them.

♫

Not beamed eighth notes

U+266B is two beamed eighth notes. U+266A is a single eighth note.

♩

Not a quarter note

U+2669 is a quarter note. This character is the eighth-note form.

CSS vs HTML

Do not mix escapes

\266A belongs in CSS strings. &sung; / &#x266A; / &#9834; belong in HTML.

Fonts

Symbol font coverage

Some fonts omit music symbols. Prefer a font with good Miscellaneous Symbols coverage.

a11y

Add accessible text

A lone music glyph can be unclear to screen readers. Pair it with visible text (for example “Now playing”) or mark decorative uses with aria-hidden="true".

Semicolon

End references

Always finish entities with ; — write &sung;, not &sung.

Compatibility

Browser Support

Eighth note (U+266A) and its entity forms (&sung;, &#x266A;, &#9834;, CSS \\266A) are supported in all mainstream browsers. Visible glyphs depend on Miscellaneous Symbols font coverage.

✓ Universal support

Eighth Note (&#x266A;)

Encode with named, hex, decimal, CSS escape, or type the character — same code point 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+266A / &sung; Full support

Bottom line: Prefer &sung; in HTML. Use &#x266A; / &#9834; when numeric form is required, and \\266A only inside CSS content.

Remember

Key Takeaways

  • Unicode: eighth note is U+266A (decimal 9834) — glyph ♪.
  • HTML: prefer &sung; (named form).
  • CSS: use \266A inside content for generated text.
  • Shape: single eighth note ≠ quarter ♩ ≠ beamed ♫.

One line: U+266A → &sung; / &#x266A; / CSS \266A.

Frequently Asked Questions

Use &sung; (named), &#x266A; (hex), &#9834; (decimal), type ♪ directly in UTF-8, or the CSS escape \266A in content.
U+266A (EIGHTH NOTE). Hex 266A, decimal 9834. It belongs to the Miscellaneous Symbols block (U+2600–U+26FF).
Yes. &sung; is the HTML5 named entity for U+266A and is usually the most readable choice in music-related markup.
Use it for music UI, lyrics markers, and educational music content. Prefer U+266B for beamed eighth notes, and U+2669 when you need a quarter note.
HTML entities (&sung;, &#9834;, or &#x266A;) go in markup. The CSS escape \266A goes in stylesheet strings (usually content on ::before/::after).
No. U+266A is ♪ (single eighth note). U+266B is ♫ (beamed eighth notes). U+2669 is ♩ (quarter note).

Did you know?

Eighth note is Unicode U+266A (decimal 9834) — glyph ♪ (EIGHTH NOTE) in Miscellaneous Symbols. HTML5 names it &sung;. Nearby notes include U+2669 (♩, quarter note) and U+266B (♫, beamed eighth notes).

Next: Element Of

Learn the HTML entity for element of (U+2208).

Element Of 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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Eight Teardrop Spoked Propeller Asterisk HTML Entity | Element Of