HTML Entity for Heavy Check Mark (✔)

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

What Is Heavy Check Mark?

Heavy check mark (✔) is the Unicode character at U+2714 in Dingbats. Official name: HEAVY CHECK MARK. It is a bold tick used for success, completion, checklists, and confirmation in UI.

Remember
Character     ✔
Unicode       U+2714
Hex entity    ✔
Decimal       ✔
CSS escape    \2714
Named entity  (none)
Meaning       heavy tick (success / done)
Not the same  ✓ (✓) · ✘ · ✅

Prefer ✔ or ✔ in HTML (no named form). You can also type ✔ in a UTF-8 document. For a lighter check, use ✓ (✓).

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\2714Stylesheet content

When to Use Which

SituationUse
Success / completed / confirmed✔ plus visible text or aria-label
Lighter check markCheck mark — ✓ (✓)
Incorrect / uncheckedHeavy ballot X — ✘ (✘)
Plain ASCIIWrite [x] or the word “Done”
Generated text via ::before / ::aftercontent: "\2714"

Live Preview

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

Glyph ✔
Large glyph ✔
Sample ✔ Task complete
Compared ✔   ✓   ✘   ✅
With entities Hex: ✔ | Decimal: ✔

Complete HTML Example

One page that shows heavy check mark 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 Check Mark (U+2714) in HTML</title>
  <style>
    #point::after {
      content: "\2714";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x2714;</p>
  <p>Built with Decimal: &#10004;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ✔</p>
  <p><span aria-label="Completed">&#x2714; Payment successful</span></p>
  <p>Lighter check: &check;</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: &#x2714; inserts code point U+2714 → ✔.

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

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

4. Typed: paste ✔ in a UTF-8 document when you need the bold tick. Prefer aria-label or nearby prose such as “Completed” so status is clear to everyone.

Pitfalls & Tips

Common mistakes when working with heavy check mark.

Name

No named entity

There is no HTML5 named entity for U+2714. Use &#x2714; or &#10004;. Do not invent &heavycheck;.

✓

Not &check;

&check; is ✓ (U+2713). Heavy check mark is ✔. Related ticks — different weight and code points.

✘

Not an error mark

For incorrect or unchecked states, prefer ✘ (heavy ballot X). ✔ means success or done.

Font

Font coverage

Some fonts omit Dingbats. If ✔ is missing, fall back to text (“Done”) or a font with U+2714 coverage.

CSS vs HTML

Do not mix escapes

\2714 belongs in CSS strings. &#x2714; / &#10004; belong in HTML.

a11y

Add accessible text

Screen readers may not announce ✔ clearly. Prefer aria-label="Completed" or nearby prose for status.

Semicolon

End references

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

Browser Support

Heavy check mark (U+2714) and its entity forms (&#x2714;, &#10004;, CSS \\2714) are supported in all mainstream browsers. Visible glyphs depend on Dingbats font coverage.

✓ Universal support

Heavy Check Mark (&#x2714;)

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+2714 Full support

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

Key Takeaways

  • Unicode: heavy check mark is U+2714 (decimal 10004) — glyph ✔.
  • HTML: no named entity — use &#x2714; / &#10004; / type ✔.
  • CSS: use \2714 inside content for generated text.
  • Meaning: ✔ ≠ &check; (✓) — pair with ✘ for incorrect UI.

One line: U+2714 → &#x2714; / &#10004; / CSS \2714 (no named form).

Frequently Asked Questions

Use &#x2714; (hex), &#10004; (decimal), type ✔ directly in UTF-8, or the CSS escape \2714 in content. There is no named HTML entity for U+2714.
U+2714 (HEAVY CHECK MARK). Hex 2714, decimal 10004. It belongs to the Dingbats block (U+2700–U+27BF).
No. HTML5 does not define a named entity for U+2714. Prefer &#x2714; or &#10004;. The named entity &check; is a different character (U+2713).
Use it for success, completion, and confirmation UI. For a lighter check, use &check; (U+2713). For incorrect or unchecked, prefer heavy ballot X (U+2718).
HTML numeric entities (&#10004; or &#x2714;) go in markup. The CSS escape \2714 goes in stylesheet strings (usually content on ::before/::after).
No. Heavy check mark is U+2714 (✔). &check; is U+2713 (✓, CHECK MARK). Related ticks — different weight and code points.

Did you know?

Heavy check mark is Unicode U+2714 (decimal 10004) — glyph ✔ (HEAVY CHECK MARK) in Dingbats. There is no HTML5 named entity; use &#x2714; or &#10004;. The lighter check mark &check; (✓, U+2713) is a different character. Pair with heavy ballot X &#x2718; (✘) for incorrect/unchecked UI, and prefer nearby text or aria-label (for example “Completed”).

Next: Heavy Chevron Snowflake

Learn the HTML entity for heavy chevron snowflake (U+2746).

Heavy chevron snowflake 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