Heavy Check Mark

Shortcodes

Copy and paste codes for Heavy Check Mark symbol ✔ to use in your websites, apps, blogs, and more.

Unicode
U+2714
HTML Code
✔
HEX Code
✔
CSS Code
\2714
JS/JSON
\u2714
Unix/C/PHP/JAVA
0x2714
URL-encode
%E2%9C%94
copied

Customize Heavy Check Mark Symbol

Customize ✔ symbol as you like and download Heavy Check Mark as SVG or PNG or copy its HTML code to use in your projects.

Preview helps customize symbol. Downloaded image and HTML code may have size/spacing differences.
 

How to add Heavy Check Mark symbol in HTML, CSS, and JS?

Insert ✔ Heavy Check Mark using HTML

1. Copy-paste Heavy Check Mark directly:
<span>✔</span>
2. HTML Decimal Code:
<span>&#10004;</span>
3. Hexadecimal Code:
<span>&#x2714;</span>
Preview:

Add Heavy Check Mark symbol with CSS

.heavy-check-mark::before {
    content: '\\2714';
}
Preview: Heavy Check Mark

Heavy Check Mark JavaScript Code

1. Direct Symbol:
document.querySelector('.heavy-check-mark').textContent = '✔';
2. Unicode Escape for ✔:
document.querySelector('.heavy-check-mark').textContent = '\u2714';
Preview: