HTML Entity for Upper Right Shadowed White Square (❒)

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

What Is the Upper Right Shadowed White Square Entity?

Upper Right Shadowed White Square (❒) is the Dingbats character at Unicode U+2752 (UPPER RIGHT SHADOWED WHITE SQUARE). There is no named HTML entity. Use hex or decimal codes for decorative accents and featured-item markers.

Remember
Character     ❒
Unicode       U+2752
Named entity  (none)
Hex entity    ❒
Decimal       ❒
CSS escape    \2752
Not the same  ❑ (U+2751) · □ (□) · ■ (■)

Hex, decimal, CSS, and a typed character all produce the same glyph: ❒. Prefer ❒ in HTML markup. For a plain white square see □; for the lower-right shadowed variant see U+2751.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Hex entity❒HTML markup (best default)
Decimal entity❒HTML markup
CSS escape\2752Stylesheet content
Direct character❒UTF-8 HTML text
Named entityNoneUse hex or decimal instead

When to Use Which

SituationUse
Shadowed square (upper-right shadow)❒ or ❒
Numeric-only markup❒ or ❒
Generated text via ::before / ::aftercontent: "\2752"
Plain white square (no shadow)Use □ (U+25A1)
Lower-right shadowed squareUse ❑ (U+2751)

Live Preview

Shadowed square in UI context, compared with lower-right and plain squares.

Featured cue Note ❒ featured item
Large glyph ❒
Hex entity ❒ → ❒
vs look-alikes ❒  |  ❑  |  □  |  ■
With entities Hex: ❒ | Decimal: ❒

Complete HTML Example

One page that shows Upper Right Shadowed White Square with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to display ❒ in HTML and CSS (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Upper Right Shadowed White Square (❒)</title>
  <style>
    #point::after {
      content: "\2752";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x2752;</p>
  <p>Built with Decimal: &#10066;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ❒</p>
  <p>Note &#x2752; featured item</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: &#x2752; inserts Unicode U+2752 → ❒. Prefer this when there is no named entity.

2. Decimal: same code point as 10066 → &#10066;. Same visual as hex.

3. CSS: use \2752 in content (not an HTML entity). #point::after appends ❒.

4. Typed: paste ❒ in a UTF-8 document, or write Note &#x2752; featured item.

Pitfalls & Tips

Common mistakes when working with Upper Right Shadowed White Square.

Named

No named entity

Do not invent names like &shadowedsquare;. Use &#x2752; or &#10066; only.

Look-alikes

❒ ≠ ❑ ≠ □

Upper-right shadow is &#x2752;. Lower-right shadow is &#x2751;. Plain outline is &#x25A1;. Check the shadow corner before you publish.

A11y

Add context

A lone ❒ may be unclear. Pair it with wording such as “featured” or an accessible name for screen readers.

Fonts

Glyph coverage

Dingbats coverage varies by font. Prefer fonts that include U+2700–U+27BF and test on mobile.

CSS vs HTML

Do not mix escapes

\2752 belongs in CSS. &#x2752; / &#10066; belong in HTML.

Semicolon

End references

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

Browser Support

Upper Right Shadowed White Square (U+2752) and its entity forms (&#x2752;, &#10066;, CSS \\2752) are supported in all modern browsers. Glyph coverage depends on the font.

✓ Universal encoding

Upper Right Shadowed White Square (&#x2752;)

Encode with hex, decimal, or CSS escape — or type ❒ directly in UTF-8 HTML. Prefer &#x2752;. No named entity exists.

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+2752 Full support

Bottom line: Prefer &#x2752; for readable HTML. Use \\2752 only inside CSS content. Do not confuse with U+2751 or a plain white square.

Key Takeaways

  • Unicode: this symbol is U+2752 (decimal 10066) — upper right shadowed white square.
  • HTML: use &#x2752; or &#10066; — there is no named entity.
  • CSS: use \2752 inside content for generated decorative markers.
  • Watch out: not the same as U+2751 (❑) or plain white square □.

One line: U+2752 → &#x2752; / &#10066; / CSS \2752 (no named entity).

Frequently Asked Questions

Use &#x2752; (hex), &#10066; (decimal), or the CSS escape \2752 in the content property. All render ❒. Prefer &#x2752; for readable markup. There is no named HTML entity.
U+2752 (UPPER RIGHT SHADOWED WHITE SQUARE). Hex 2752, decimal 10066. It belongs to Dingbats (U+2700–U+27BF). There is no named HTML entity.
No. HTML5 does not define a named entity for U+2752. Use &#x2752; or &#10066; instead.
U+2752 has an upper-right shadow. U+2751 is the lower-right shadowed white square. U+25A1 is a plain white square outline with no shadow.
Use it for decorative accents, featured-item markers, checklist-style UI, and design cues where a shadowed square reads clearer than a plain box.
HTML entities (&#10066; or &#x2752;) go in markup. The CSS escape \2752 is used in stylesheets (usually in the content property of ::before/::after). Both render ❒.

Did you know?

Upper Right Shadowed White Square is Unicode U+2752 (decimal 10066) — glyph ❒ (UPPER RIGHT SHADOWED WHITE SQUARE) in Dingbats. There is no named HTML entity — use &#x2752; or &#10066;. Prefer it for decorative accents and featured-item markers. Do not confuse it with the lower-right shadowed square (U+2751) or a plain white square (&#x25A1;).

Next: Uppercase 2 Stroke

Learn the HTML entity for uppercase 2 stroke — 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