Hướng dẫn html entity checkmark

DESIGNED BY

Toptal Designers

© 2022

SHARE THE &love;

Hướng dẫn html entity checkmark

SITEMAP
Home Symbols Check Mark

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.

INSPIRATION
Colorful Swiss PostersJquery-BigText.jsCodrops

COLOPHON
HelveticaHeadroom.jsFastClick.jsMiddleman

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

Hướng dẫn html entity checkmark

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

Hướng dẫn html entity checkmark

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

Hướng dẫn html entity checkmark

ADVERTISEMENT

U+2705 – ✅ for a white heavy checkmark

Languages of the web

✅ HTML

✅ CSS

✅ JavaScript

✅ PHP

Hướng dẫn html entity checkmark

U+2611 – ☑ for a ballot checkmark

Languages of the web

☑ HTML

☑ CSS

☑ JavaScript

☑ PHP

Hướng dẫn html entity checkmark

ADVERTISEMENT

U+221A – √ for a square root checkmark

Languages of the web

√ HTML

√ CSS

√ JavaScript

√ PHP

Hướng dẫn html entity checkmark

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