HTML Entity for Lower Right Shadowed White Square (❑)

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

What Is the Lower Right Shadowed White Square Entity?

Lower Right Shadowed White Square (❑) is the Dingbats character at Unicode U+2751 (LOWER RIGHT SHADOWED WHITE SQUARE). It looks like an empty square with a shadow — often used as a decorative checkbox or list mark.

Remember
Character     ❑
Unicode       U+2751
Hex entity    ❑
Decimal       ❑
Named entity  (none)
CSS escape    \2751
Related       ❏ ❐ ❒

Hex, decimal, CSS, and a typed character all produce the same glyph: ❑. Prefer ❑ when you want an explicit entity. There is no named HTML form.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Hex entity❑HTML markup (best entity default)
Decimal entity❑HTML markup
Named entityNoneHTML5 does not define one
CSS escape\2751Stylesheet content
Direct character❑UTF-8 HTML text

When to Use Which

SituationUse
Readable numeric entity in HTML❑
Decimal entity required❑
Generated marker via ::before / ::aftercontent: "\2751"
Drop-shadowed lower-right squareSee Lower Right Drop Shadowed White Square (U+274F)
Real interactive checkboxUse <input type="checkbox"> — not a decorative glyph alone

Live Preview

Lower Right Shadowed White Square in common marker and comparison contexts.

List cue ❑ Optional item
Large glyph ❑
Hex entity &#x2751; → ❑
vs related squares ❑  |  ❏  |  ❐  |  ❒
With entities Hex: ❑ | Decimal: ❑

Complete HTML Example

One page that shows this character with hex, decimal, and CSS. Use View Output or open the live editor.

Hex + Decimal + CSS

Three ways to produce ❑ in a single document (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Lower Right Shadowed White Square (❑)</title>
  <style>
    #point::after {
      content: "\2751";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x2751;</p>
  <p>Using HTML Code: &#10065;</p>
  <p id="point">Using CSS Entity: </p>
  <p>&#x2751; Optional item</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2751 → &#x2751; in HTML. The browser turns it into ❑.

2. Decimal: same code point as 10065 → &#10065;. Same result as hex.

3. Named: HTML5 does not define a named entity for this character — use hex or decimal instead.

4. CSS: use \2751 in content (not an HTML entity). #point::after appends that ❑ after the paragraph text.

Pitfalls & Tips

Common mistakes when working with this square.

Look-alikes

Not ❏ / ❐ / ❒

Drop-shadowed and upper-right shadowed squares are different Dingbats. Pick the exact code point.

Forms

Not a real checkbox

For interactive forms use <input type="checkbox">. This glyph is decorative only.

Named

No &…; name

Do not invent a name. Use &#x2751; or &#10065;.

A11y

Add accessible text

Pair the marker with visible label text, or mark purely decorative icons with aria-hidden="true".

CSS vs HTML

Do not mix escapes

\2751 belongs in CSS. &#x2751; / &#10065; belong in HTML.

Semicolon

End references

Always finish with ; — write &#x2751;, not &#x2751.

Browser Support

Lower Right Shadowed White Square (U+2751) and its entity forms (&#x2751;, &#10065;, CSS \\2751) are supported in all modern browsers. Glyph style depends on the font.

✓ Universal encoding

Lower Right Shadowed White Square (&#x2751;)

Encode with hex, decimal, or CSS escape — or type ❑ directly in UTF-8 HTML. No named entity.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer IE 9+
Yes*
U+2751 Full support

Bottom line: Prefer &#x2751; for readable HTML. Use \\2751 only inside CSS content.

Key Takeaways

  • Unicode: this character is U+2751 (decimal 10065).
  • HTML: prefer &#x2751; — or use &#10065;. No named entity.
  • CSS: use \2751 inside content for generated markers.
  • Watch out: decorative only — not a real form checkbox; ≠ ❏ / ❐ / ❒.

One line: U+2751 → &#x2751; / &#10065; / CSS \2751 (no named entity).

Frequently Asked Questions

Use &#x2751; (hex), &#10065; (decimal), or the CSS escape \2751 in the content property. All render ❑ when the font supports Dingbats. There is no named HTML entity.
U+2751 (LOWER RIGHT SHADOWED WHITE SQUARE). Hex 2751, decimal 10065. It belongs to Dingbats (U+2700–U+27BF).
No. HTML5 does not define a named entity for U+2751. Use numeric references like &#x2751; or &#10065;.
Use it for decorative empty checkboxes, list markers, and UI ornaments when you want the shadowed (not drop-shadowed) Dingbat form.
HTML entities (&#10065; or &#x2751;) go in markup. The CSS escape \2751 is used in stylesheets (usually in the content property of ::before/::after). Both render ❑.
U+274F is Lower Right Drop Shadowed White Square. U+2751 is Lower Right Shadowed White Square — a related but distinct Dingbat with a different shadow style.

Did you know?

Lower Right Shadowed White Square is Unicode U+2751 (decimal 10065) — LOWER RIGHT SHADOWED WHITE SQUARE in Dingbats. HTML5 has no named entity — use &#x2751; or &#10065;. It differs from the drop-shadowed form U+274F (❏).

Next: Lowercase 5 Tone

Learn the HTML entity for Lowercase 5 Tone — next in this sequence.

Continue 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