I think you're using less-well-supported Unicode values, which don't always have glyphs for all the code points.
Try the following characters:
- ☐ (0x2610 in Unicode hexadecimal [HTML decimal:
☐]): an empty (unchecked) checkbox - (0x2611 [HTML decimal:
☑]): the checked version of the previous checkbox - ✓ (0x2713 [HTML decimal:
✓]) - (0x2714 [HTML decimal:
✔])
Edit: There seems to be some confusion about the first symbol here, ☐ / 0x2610. This is an empty (unchecked) checkbox, so if you see a box, that's the way it's supposed to look. It's the counterpart to / 0x2611, which is the checked version.
Answer from John Feminella on Stack OverflowW3Schools
w3schools.com › charsets › ref_utf_dingbats.asp
HTML Unicode Dingbats
Currency Symbols Letterlike Symbols Number Forms Enclosed Alpha Enclosed Ideographic Box Drawings Geometric Shapes Misc Symbols Dingbats Ornamental Dingbats UTF-8 Arrows
Toptal
toptal.com › designers › htmlarrows › symbols › check-mark
Check Mark HTML Symbol, Character and Entity Codes — HTML Arrows
HTML symbol, character and entity codes, ASCII, CSS and HEX values for Check Mark, plus a panoply of others.
RapidTables
rapidtables.com › web › html › html-codes › htm-code-check.html
HTML code for Check Mark (✔)
HTML code for check mark (✔).
Top answer 1 of 14
474
I think you're using less-well-supported Unicode values, which don't always have glyphs for all the code points.
Try the following characters:
- ☐ (0x2610 in Unicode hexadecimal [HTML decimal:
☐]): an empty (unchecked) checkbox - (0x2611 [HTML decimal:
☑]): the checked version of the previous checkbox - ✓ (0x2713 [HTML decimal:
✓]) - (0x2714 [HTML decimal:
✔])
Edit: There seems to be some confusion about the first symbol here, ☐ / 0x2610. This is an empty (unchecked) checkbox, so if you see a box, that's the way it's supposed to look. It's the counterpart to / 0x2611, which is the checked version.
2 of 14
297
First off, you should realize that you don't actually need to use HTML entities – as long as your HTML document's encoding is declared properly as UTF-8, you can simply copy/paste these symbols into your file/server-side script/JavaScript/whatever.
Having said that, here's the exhaustive list of all relevant UTF-8 characters / HTML entities related to this topic:
- ☐ (hex:
☐/ dec:☐): ballot box (empty, that's how it's supposed to be) - (hex:
☑/ dec:☑): ballot box with check - ☒ (hex:
☒/ dec:☒): ballot box with x - ✓ (hex:
✓/ dec:✓): check mark, equivalent to✓and✓in most browsers - (hex:
✔/ dec:✔): heavy check mark - ✗ (hex:
✗/ dec:✗): ballot x - ✘ (hex:
✘/ dec:✘): heavy ballot x - 🗸 ( hex:
🗸/ dec🗸): light check mark (poorly supported as of 2017) - ( hex:
✅/ dec:✅): white heavy check mark (mixed support as of 2017) - 🗴 ( hex:
🗴/ dec:🗴): ballot script X (poorly supported as of 2017) - 🗶 ( hex:
🗶/ dec:🗶): ballot bold script X (poorly supported as of 2017) - ⮽ ( hex:
⮽/ dec:⮽): ballot box with light X (poorly supported as of 2017) - 🗵 ( hex:
🗵/ dec:🗵): ballot box with script X (poorly supported as of 2017) - 🗹 ( hex:
🗹/ dec:🗹): ballot box with bold check (poorly supported as of 2017) - 🗷 ( hex:
🗷/ dec:🗷): ballot box with bold script X (poorly supported as of 2017)
Checking out web fonts for tick symbols? Here's a ready to use sample for the more common ones: A☐BC☒D✓EF✗G✘H -- just copy/paste this into your webfont provider's sample text box and see which fonts support what tick symbols.
freeCodeCamp
freecodecamp.org › news › checkmark-symbol-html-for-checkmark-unicode
Checkmark Symbol – HTML for Checkmark Unicode
April 12, 2022 - I will also show you 4 other variations of the checkmark symbol. The Unicode character for showing a checkmark is U+2713. If you decide to use this Unicode to show a checkmark in HTML and you type it in like that, what you type is shown like this:
Unicode Compart
compart.com › en › unicode › U+2713
“✓” U+2713 Check Mark Unicode Character
U+2713 is the unicode hex value of the character Check Mark. Char U+2713, Encodings, HTML Entitys:✓,✓,✓, UTF-8 (hex), UTF-16 (hex), UTF-32 (hex)
W3Schools
w3schools.com › html › html_symbols.asp
HTML Symbols
HTML Tag List HTML Attributes HTML Global Attributes HTML Browser Support HTML Events HTML Colors HTML Canvas HTML Audio/Video HTML Doctypes HTML Character Sets HTML URL Encode HTML Lang Codes HTTP Messages HTTP Methods PX to EM Converter Keyboard Shortcuts ... Symbols or letters that are not present on your keyboard can be added to HTML using entities.
Alt Codes
alt-codes.net › check-mark-symbols.php
☑ ✓ ✅ Check Mark Symbols
First type 2705 to where you want to make the Heavy White Check Mark, ... You can copy & paste, or drag & drop any symbol to textbox below, and see how it looks like. ... First select the symbol then you can drag&drop or just copy&paste it anywhere you like. Alt-Codes can be typed on Microsoft ...
Graphemica
graphemica.com › ✓
check mark (U+2713)
✓ (Check Mark, U+2713) is a universally recognized symbol conveying affirmation, completion, correctness, or selection. Visually, it’s a distinct, angular V-shape, often with a slightly elongated upward stroke on the right, making it quick to draw and easy to spot.
Namecheap
namecheap.com › visual › font maker › checkmarks
Check mark text icons
This symbol simply means you got full marks, or 100%. Hanamaru is a stamp or drawing a teacher would use on a particularly good piece of work. Sometimes, this emoji is rendered with the phrase “you did very well” and sometimes as the drawn version — a scribbled spiral with petals drawn around it. ... Alt-codeHTML entity✓2713✓✔2714✔✗2717✗✘2718✘☐2610☐☑2611☑☒2612☒⭕2B55⭕💯1F4AF💯💮1F4AE💮✅2705✅🗳1F5F3🗳
Quora
quora.com › What-is-the-HTML-code-for-a-checkmark
What is the HTML code for a checkmark? - Quora
Answer (1 of 10): Sometimes, you want your web page users to indicate whether information is true or false. The HTML5 checkbox element is perfect for this kind of input because the user can click to select or deselect the option. Checkboxes are another variant of the versatile input tag. Checkbox...
GitHub
gist.github.com › chrisurf › a372d3e7de5371401b23217533a9476a
ALT Codes for Check Mark, Cross (X) Mark & Ballot Box Symbols · GitHub
ALT Codes for Check Mark, Cross (X) Mark & Ballot Box Symbols · Raw · alt-codes.md · Copy link · i cannot type any of these chars (on Windows 11) alt(holding) + 9744 results in ► alt(holding) + '+' + 2610 results in 2 · kind regards TSG ...
FSymbols
fsymbols.com › signs › tick
✅✔✓☑ Check mark - Tick symbol 💯☐☒❎✗✘
Copy-paste, discover how to type tick signs ☑ ✓ on your keyboard. Put them on Facebook, Instagram or anywhere you like. Check box symbols. Html entities and more..
Itexus
itexus.com › home › uncategorized › unicode checkbox symbols: adding checkboxes to your text
Unicode Checkbox Symbols: Adding Checkboxes to Your Text - Itexus
November 4, 2024 - On Windows: You can enter Unicode characters by pressing Alt + + on the numeric keypad and typing the code point, though this method depends on system support. ... Adding these symbols makes your lists visually appealing and easy to understand at a glance. Unicode checkboxes are a versatile, simple solution for text-based documents and digital checklists!
HTML Symbols
htmlsymbols.net › symbols › heavy-check-mark
✔ Heavy Check Mark Symbol Copy and Paste | HTML and Special Symbols
Online Heavy Check Mark symbol. Copy and paste Heavy Check Mark symbols in HTML, Hex code, CSS code, and unicode.
Bulletpointsymbol
bulletpointsymbol.com › check-mark-symbols.html
Check Mark Symbol Alt Codes, HTML Code (Copy and Paste)
Check mark symbol alt codes and html code with one click copy paste option. Learn how to insert check mark and tick symbols in MS Word and HTML documents.
Frames X UI Kit
framesxdesign.com › copy-paste-symbols › check-mark
✓ Check Mark Symbol | Frames X UI Kit
The “✓” symbol, known as the Checkmark, indicates completed tasks, verified information, or successful actions in UI design. It can replace standard checkmark icons and is also ideal for Figma Forms and input validations, offering a lightweight, CSS-friendly alternative to heavier SVG icons. ... Copy and paste the HTML or Unicode codes displayed below to your project's HTML.
Toptal
toptal.com › designers › htmlarrows › symbols
HTML Symbols, Entities and Codes — Toptal Designers
Easily find HTML symbols, entities, characters and codes with ASCII, HEX, CSS and Unicode values; including copyright sign, trademark sign and at symbol.
HTML Symbols
htmlsymbols.xyz › unicode › U+2714
✔ - Heavy check mark (U+2714) - HTML Symbols
Detailed information about the Unicode character 'Heavy check mark' with code point U+2714 that can be used as a symbol or icon on your site.