HTML Entity for Quarter Note (♩)

Beginner

6 min read

Updated: Sep 2026

1 example

Unicode U+2669

HTML Entity for quarter note (♩) tutorial illustration

Definition

What Is the Quarter Note Entity?

Quarter note (♩) is the Miscellaneous Symbols character at Unicode U+2669 (QUARTER NOTE). It represents a crotchet — typically one beat in common time — for music UI, lessons, and educational content. There is no named HTML entity; use hex, decimal, UTF-8, or CSS.

Remember

Character     ♩
Unicode       U+2669
Named entity  none
Hex entity    &#x2669;
Decimal       &#9833;
CSS escape    \2669

All numeric and UTF-8 forms produce the same glyph: ♩. Prefer ♩ for portable markup; paste ♩ in UTF-8 when convenient. Do not use &sung; — that is the eighth note (U+266A).

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	none	Not defined in HTML5
Hex entity	`♩`	HTML markup
Decimal entity	`♩`	HTML markup
Direct character	`♩`	HTML text (UTF-8 default)
CSS escape	`\2669`	Stylesheet `content`

When to Use Which

Situation	Use
Portable HTML without pasting Unicode	`♩` or `♩`
UTF-8 music / lesson text	Type or paste `♩`
Generated text via `::before` / `::after`	`content: "\2669"`
Eighth note (different symbol)	`&sung;` (`U+266A`)
Beamed eighth notes	`♫` (`U+266B`)
Full sheet music	Music fonts / SVG / MusicXML — not entities alone

See it

Live Preview

Quarter note rendered in common music contexts.

Glyph ♩

Large glyph ♩

In a label ♩ = 1 beat

With entities Hex: ♩ | Decimal: ♩ | Named: none

Related notes ♪ (&sung;) · ♫ · ♬

Code

Complete HTML Example

One page that shows the quarter note with hex, decimal, direct, and CSS forms. Use View Output or open the live editor.

Hex + Decimal + Direct + CSS

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

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Quarter Note (♩) in HTML</title>
  <style>
    #point::after {
      content: "\2669";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x2669; = 1 beat</p>
  <p>Using Decimal: &#9833; = 1 beat</p>
  <p>Using Direct Character: ♩ = 1 beat</p>
  <p>Using CSS Entity: <span id="point"></span> = 1 beat</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+2669 → ♩ in HTML. Best portable choice (no named entity).

2. Decimal: same code point as 9833 → ♩. Same glyph.

3. Direct: paste ♩ in a UTF-8 file with <meta charset="UTF-8">.

4. CSS: use \2669 in content (not an HTML entity). The empty #point span receives that ♩ via ::after.

5. Named: HTML5 has none for the quarter note. &sung; is only for the eighth note (U+266A).

Pitfalls & Tips

Common mistakes when working with this music entity.

No name

Do not invent a named entity

There is no &…; name for U+2669. Use ♩ or ♩.

Not sung

♩ vs ♪

&sung; is the eighth note. The quarter note has no named entity — do not reuse &sung; for ♩.

Emoji

Not a musical emoji

Misc. Symbols notes differ from emoji music characters (e.g. U+1F3B5). Pick the code point your design needs.

Font

Glyph coverage varies

Some fonts omit music symbols. Provide a fallback font for lesson and UI pages.

CSS vs HTML

Do not mix escapes

\2669 belongs in CSS. ♩ / ♩ belong in HTML.

UTF-8

Declare charset

If you paste ♩ directly, serve the page as UTF-8 with <meta charset="UTF-8">.

Compatibility

Browser Support

Quarter note (U+2669) and its entity forms (♩, ♩, CSS \\2669) are supported in all mainstream browsers. Glyph availability depends on the font.

✓ Universal support

Quarter Note (♩)

Prefer ♩, or encode with decimal or CSS escape — same glyph everywhere (when the font has it).

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+2669 / entities Full support

Bottom line: There is no named entity. Prefer ♩ or ♩ in HTML, and \\2669 only inside CSS content.

Remember

Key Takeaways

Unicode: quarter note is U+2669 (decimal 9833), Miscellaneous Symbols.
HTML: no named entity — use ♩ or ♩.
CSS: use \2669 inside content for generated text.
Meaning: crotchet / quarter note — not ♪ (&sung;).

One line: U+2669 → ♩ / ♩ / CSS \2669 (no named entity).

Frequently Asked Questions

How do I display the quarter note (♩) in HTML?

Use ♩ (hex), ♩ (decimal), type ♩ in UTF-8, or the CSS escape \2669 in content. There is no named HTML entity for U+2669.

What is the Unicode value for the quarter note?

U+2669 (QUARTER NOTE). Hex 2669, decimal 9833. It belongs to Miscellaneous Symbols and represents a crotchet / quarter note in music notation.

Is there a named HTML entity for ♩?

No. HTML5 does not define a named entity for this character. Prefer ♩ or ♩, or paste ♩ in a UTF-8 document. Do not use &sung; — that is the eighth note (U+266A).

When should I use the quarter note HTML entity?

Use it in music UI, lessons, playlists, and educational content that needs a crotchet glyph. Prefer ♩ for portable markup.

What is the difference between HTML code and CSS entity for ♩?

HTML numeric entities (♩ or ♩) go in markup. The CSS escape \2669 is used in stylesheets (usually in the content property of ::before/::after). Both render ♩.

How is ♩ different from ♪ or ♫?

♩ is the quarter note (U+2669). ♪ is the eighth note (U+266A, &sung;). ♫ is beamed eighth notes (U+266B). Related music symbols, different code points.

Did you know?

Quarter note (♩) is Unicode U+2669 (decimal 9833) — QUARTER NOTE in Miscellaneous Symbols. There is no named HTML entity; use ♩, ♩, UTF-8 ♩, or CSS \2669. The eighth note (♪) uses named &sung; — a different code point.

Next: Question Exclamation Mark

Learn the HTML entity for the question exclamation mark — the next character in this entity sequence.

Question Exclamation Mark tutorial →

About the author

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 | Quadruple Prime HTML Entity | Question Exclamation Mark