HTML Entity for Heavy Heart Exclamation Mark Ornament (❣)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+2763
HTML entity for Heavy Heart Exclamation Mark Ornament (U+2763) — hex, decimal, and CSS tutorial

What You'll Learn

How to display the Heavy Heart Exclamation Mark Ornament (❣) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2763 (HEAVY HEART EXCLAMATION MARK ORNAMENT) in the Dingbats block (U+2700–U+27BF). It combines a heart with an exclamation mark—ideal for love, emphasis, Valentine’s content, favorites, and any design that needs an expressive “heart with emphasis” style.

Render it with ❣, ❣, or CSS escape \2763. There is no named HTML entity. Do not confuse ❣ with U+2764 (❤, heavy black heart) or U+2762 (❢, heavy exclamation mark ornament without heart); each Dingbats ornament has a distinct glyph.

⚡ Quick Reference — Heart Exclamation Ornament

Unicode U+2763

Dingbats block

Hex Code ❣

Hexadecimal reference

HTML Code ❣

Decimal reference

Named Entity —

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2763
Hex code       ❣
HTML code      ❣
Named entity   (none)
CSS code       \2763
Meaning        Heart exclamation ornament
Related        U+2764 = heavy black heart (❤)
               U+2762 = exclamation ornament (❢)
1

Complete HTML Example

This example demonstrates the Heavy Heart Exclamation Mark Ornament (❣) using hexadecimal code, decimal HTML code, and a CSS content escape on a favorite button and love callout:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\2763";
  }
 </style>
</head>
<body>
<p>Heart Exclamation using Hexadecimal: &#x2763;</p>
<p>Heart Exclamation using HTML Code: &#10083;</p>
<p id="point">Heart Exclamation using CSS Entity</p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Heavy Heart Exclamation Mark Ornament (❣) is widely supported in modern browsers when the font includes Dingbats heart glyphs:

Chrome 1+
Firefox 1+
Safari 1+
Edge 12+
Opera 4+
Android 4.4+
iOS Safari 1+

👀 Live Preview

Heavy Heart Exclamation Mark Ornament (❣) in context, compared with related heart symbols:

Favorite ❣ Favorite
Love card ❣ We love hearing from you!
Large glyph ❣
Comparison ❣   ❤   ❢
Numeric refs &#x2763; &#10083; \2763

🧠 How It Works

1

Hexadecimal Code

&#x2763; uses the Unicode hexadecimal value 2763 to display the heart exclamation ornament. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#10083; uses the decimal Unicode value 10083 to display the same character.

HTML markup
3

CSS Entity

\2763 is used in CSS stylesheets, particularly in content on ::before for favorite buttons, love callouts, and expressive accents.

CSS stylesheet
=

Same visual result

All three methods produce ❣. Unicode U+2763 is in the Dingbats block. Next: Left Angle Bracket Ornament (❰).

✅

Use Cases

The Heavy Heart Exclamation Mark Ornament (❣) is commonly used in:

❣ Love

Expressive “I love this” or emphasis in messages, captions, and social content.

💝 Valentine

Valentine’s Day content, romance themes, and love-related greetings.

❤ Favorites

Love or favorite buttons, wishlists, and positive feedback in UI.

📱 Social

Reactions, profile badges, and expressive love indicators in apps.

🔨 CSS content

content: "\2763" on ::before without extra HTML markup.

🎨 Typography

Headers, cards, or accent characters for bold love and emphasis styling.

💡 Best Practices

Do

  • Pair ❣ with aria-label="Add to favorites" or visible button text
  • Use content: "\2763 " via ::before on love/favorite controls
  • Declare UTF-8 with <meta charset="utf-8">
  • Keep one numeric style (hex or decimal) per project
  • Test glyph rendering in your font stack
  • Use semantic <button> for interactive favorite actions

Don’t

  • Use ❣ alone on icon buttons without accessible names
  • Confuse U+2763 (❣) with U+2764 (❤) or U+2762 (❢)
  • Expect a named HTML entity for U+2763
  • Use CSS \2763 in HTML text nodes
  • Rely on the glyph alone when a clear text label is required for clarity

Key Takeaways

1

Two HTML numeric references plus CSS insert U+2763

&#x2763; &#10083;
2

For CSS, use \2763 in the content property

3

Unicode U+2763 — heart exclamation ornament (❣)

4

Distinct from heavy black heart U+2764 (❤) and exclamation U+2762 (❢)

5

Next: Angle Bracket Ornament (❰)

❓ Frequently Asked Questions

Use &#x2763; (hex), &#10083; (decimal), or \2763 in CSS content. There is no named entity. All three methods render the symbol (❣) correctly.
U+2763 (HEAVY HEART EXCLAMATION MARK ORNAMENT). Dingbats block. Hex 2763, decimal 10083. The symbol (❣) is a heart with an exclamation mark, often used for love, emphasis, and expressive content.
For love and emphasis in messages, Valentine and romance content, favorites and like indicators, social and dating apps, and any design that needs an expressive heart-with-exclamation style.
HTML references (&#10083; or &#x2763;) go in markup. The CSS escape \2763 is used in stylesheets, typically on ::before or ::after. Both produce ❣.
Named entities cover common ASCII, Latin-1, and widely used symbols. U+2763 uses numeric hex (&#x2763;) or decimal (&#10083;) codes, which is standard for decorative Dingbats ornaments.

Explore More HTML Entities!

Discover 1500+ HTML character references — symbols, math, and more.

All HTML Entities →

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

Heavy Greek Cross (✚) Heavy Left Pointing Angle Bracket Ornament (❰)