Try It Yourself - Online HTML Editor

HTML Code

<!DOCTYPE html>
<html>
<head>
  <style>#point::after{content:"\2714"}.success::before{content:"\2714 ";color:#059669}</style>
</head>
<body>
  <h1>Heavy Check Mark (U+2714)</h1>
  <p>Using Hex Code: &#x2714;</p>
  <p>Using Decimal: &#10004;</p>
  <p id=point>Using CSS Entity: </p>
  <p class=success>Payment successful</p>
  <ul>
    <li>&#x2714; Upload file â€” complete</li>
    <li>&#x2714; Verify email â€” complete</li>
  </ul>
  <p>Compare: &#x2714; heavy vs &#x2713; light</p>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Entity for Heavy Check Mark (✔)