Try It Yourself - Online HTML Editor

HTML Code

<!DOCTYPE html>
<html>
<head>
  <style>#point::after{content:" \2763";color:#db2777}.btn-love::before{content:"\2763 ";font-weight:700}.btn-love{padding:.5rem 1rem;background:#fce7f3;border:1px solid #f9a8d4;border-radius:6px;color:#9d174d}</style>
</head>
<body>
  <h1>Heart Exclamation Ornament (U+2763)</h1>
  <p>Using Hex Code: &#x2763;</p>
  <p>Using Decimal: &#10083;</p>
  <p id=point>Heart Exclamation using CSS Entity</p>
  <button type=button class=btn-love aria-label="Add to favorites">Favorite</button>
  <p>Compare: &#x2763; vs &#x2764; vs &#x2762;</p>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Entity for Heavy Heart Exclamation Mark Ornament (❣)