HTML Entity for Heavy Heart Exclamation Mark Ornament (❣)

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

What Is Heavy Heart Exclamation Mark Ornament?

Heavy heart exclamation mark ornament (❣) is the Unicode character at U+2763 in Dingbats. Official name: HEAVY HEART EXCLAMATION MARK ORNAMENT. It is a bold heart-shaped bang used for love emphasis, favorites, and decorative callouts — not everyday sentence punctuation.

Remember
Character     ❣
Unicode       U+2763
Hex entity    ❣
Decimal       ❣
CSS escape    \2763
Named entity  (none)
Meaning       decorative heart exclamation
Not the same  ❢ · ❤ · !

Prefer ❣ or ❣ in HTML (no named form). You can also type ❣ in a UTF-8 document. For a plain heavy bang, prefer ❢ (❢); for prose punctuation, prefer ASCII !.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entityNone—
Hex entity❣HTML markup (preferred)
Decimal entity❣HTML markup
Direct character❣HTML text (UTF-8)
CSS escape\2763Stylesheet content

When to Use Which

SituationUse
Love / favorite decorative emphasis❣ plus visible text or aria-label
Plain heavy bang ornamentHeavy exclamation mark ornament — ❢ (❢)
Filled heart glyphHeavy black heart — ❤ (❤)
Normal sentence punctuationASCII !
Generated text via ::before / ::aftercontent: "\2763"

Live Preview

Symbol alone, in a sample label, and next to related forms.

Glyph ❣
Large glyph ❣
Sample ❣ Favorite pick
Compared ❣   ❢   ❤   !
With entities Hex: ❣ | Decimal: ❣

Complete HTML Example

One page that shows heavy heart exclamation mark ornament with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to display ❣ in HTML and CSS.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Heavy Heart Exclamation Mark Ornament (U+2763) in HTML</title>
  <style>
    #point::after {
      content: "\2763";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x2763;</p>
  <p>Built with Decimal: &#10083;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ❣</p>
  <p><span aria-label="Favorite">&#x2763; Favorite pick</span></p>
  <p>ASCII bang: Hello!</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: &#x2763; inserts code point U+2763 → ❣.

2. Decimal: same code point as 10083 → &#10083;. Same visual as hex.

3. CSS: use \2763 in content (not an HTML entity). #point::after appends ❣.

4. Typed: paste ❣ in a UTF-8 document when you need this ornament. Prefer aria-label or nearby prose such as “Favorite” so meaning is clear to everyone.

Pitfalls & Tips

Common mistakes when working with heavy heart exclamation mark ornament.

Name

No named entity

There is no HTML5 named entity for U+2763. Use &#x2763; or &#10083;. Do not invent &heartbang;.

!

Not ASCII !

ASCII exclamation is U+0021. Heavy heart exclamation mark ornament is ❣. Use ! for normal sentences.

❢

Not the plain heavy bang

❢ (U+2762) is heavy exclamation mark ornament. ❣ is the heart-styled form.

Font

Font coverage

Some fonts omit Dingbats. If ❣ is missing, fall back to text or a font with U+2763 coverage.

CSS vs HTML

Do not mix escapes

\2763 belongs in CSS strings. &#x2763; / &#10083; belong in HTML.

a11y

Add accessible text

Screen readers may not announce ❣ clearly. Prefer aria-label="Favorite" or nearby prose for meaning.

Semicolon

End references

Always finish entities with ; — write &#x2763;, not &#x2763.

Browser Support

Heavy heart exclamation mark ornament (U+2763) and its entity forms (&#x2763;, &#10083;, CSS \\2763) are supported in all mainstream browsers. Visible glyphs depend on Dingbats font coverage.

✓ Universal support

Heavy Heart Exclamation Mark Ornament (&#x2763;)

Encode with 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+2763 Full support

Bottom line: Prefer &#x2763; in HTML (no named form). Use &#10083; when decimal form is required, and \\2763 only inside CSS content.

Key Takeaways

  • Unicode: heavy heart exclamation mark ornament is U+2763 (decimal 10083) — glyph ❣.
  • HTML: no named entity — use &#x2763; / &#10083; / type ❣.
  • CSS: use \2763 inside content for generated text.
  • Meaning: ❣ ≠ ❢ / ASCII ! — heart-styled ornament for decoration.

One line: U+2763 → &#x2763; / &#10083; / CSS \2763 (no named form).

Frequently Asked Questions

Use &#x2763; (hex), &#10083; (decimal), type ❣ directly in UTF-8, or the CSS escape \2763 in content. There is no named HTML entity for U+2763.
U+2763 (HEAVY HEART EXCLAMATION MARK ORNAMENT). Hex 2763, decimal 10083. It belongs to the Dingbats block (U+2700–U+27BF).
No. HTML5 does not define a named entity for this ornament. Prefer &#x2763; or &#10083;.
Use it for decorative love emphasis, favorites, or Valentine-style callouts. For a plain heavy bang ornament, use U+2762. For a filled heart, use U+2764. For normal sentence punctuation, prefer ASCII !.
HTML numeric entities (&#10083; or &#x2763;) go in markup. The CSS escape \2763 goes in stylesheet strings (usually content on ::before/::after).
No. Heavy heart exclamation mark ornament is U+2763 (❣). Heavy exclamation mark ornament is U+2762 (❢). Related dingbats — one is heart-styled.

Did you know?

Heavy heart exclamation mark ornament is Unicode U+2763 (decimal 10083) — glyph ❣ in Dingbats. There is no HTML5 named entity; use &#x2763; or &#10083;. Prefer nearby text or aria-label (for example “Favorite”). Do not confuse it with plain heavy exclamation &#x2762; (❢) or heavy black heart &#x2764; (❤).

Next: Heavy Left Pointing Angle Bracket Ornament

Learn the HTML entity for heavy left pointing angle bracket ornament (U+2770).

Heavy left pointing angle bracket ornament 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