SHARE THE &love;
Toptal Designers
© 2022
ABOUT
HTML Arrows offers all the html symbol codes you need to simplify your site design. HTML Arrows is shared by Toptal Designers, the marketplace for hiring elite UI, UX, and Visual designers, along with top developer and finance talent. Discover why top companies and start-ups turn to Toptal to hire freelance designers for their mission-critical projects.
If you take a look at your keyboard, you'll see that there’s no key for typing a checkmark.
You could decide to copy the checkmark symbol from the internet and paste it directly into your HTML code, but an easier way to do it is to use the appropriate Unicode character or HTML character entity.
If you are wondering what Unicode and HTML character entities are, they are both a piece of text that represents different emojis, symbols, and characters.
In your web projects, you might want to show a checkmark for the purpose of consent or agreement. So, in this article, I will show you how to use the appropriate Unicode and HTML character entity to bring checkmarks into your web projects. I will also show you 4 other variations of the checkmark symbol.
The Unicode and HTML Characters for Checkmarks
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:
Languages of the web
U+2713 HTML
U+2713 CSS
U+2713 JavaScript
U+2713 PHP
So, how do you use the U+2713 Unicode to show the checkmark symbol?
Remove the U+
and replace it with an ampersand [&
], pound sign [#], and x
. Then type the 2713 in, and then a semi-colon. So, it becomes ✓
.
Languages of the web
✓ HTML
✓ CSS
✓ JavaScript
✓ PHP
You can also use the HTML character entity for a checkmark to show the checkmark symbol. This is ✓
or ✓
:
Languages of the web
✓ HTML
✓ CSS
✓ JavaScript
✓ PHP
ADVERTISEMENT
Other Variations of the Checkmark Symbol
Apart from the traditional U+2713
, ✓
or ✓
, there are other variations such as:
Ϭ
for a bolder checkmark
Languages of the web
✔ HTML
✔ CSS
✔ JavaScript
✔ PHP
ADVERTISEMENT
U+2705 – ✅
for a white heavy checkmark
Languages of the web
✅ HTML
✅ CSS
✅ JavaScript
✅ PHP
U+2611 – ☑
for a ballot checkmark
Languages of the web
☑ HTML
☑ CSS
☑ JavaScript
☑ PHP
ADVERTISEMENT
U+221A – √
for a square root checkmark
Languages of the web
√ HTML
√ CSS
√ JavaScript
√ PHP
Conclusion
This article has shown you the Unicode string for a checkmark, how to use it, and other variations of it.
You also learned about the equivalent HTML character entity for the checkmark symbol, in case you don’t want to show it with the Unicode string.
Now, go insert some checkmarks into your code.
Learn to code for free. freeCodeCamp's open source curriculum has helped more than 40,000 people get jobs as developers. Get started