HTML Entity for Upper Right Drop Shadowed White Square (❐)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+2750

What You'll Learn

How to display the Upper Right Drop Shadowed White Square (❐) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2750 (UPPER RIGHT DROP-SHADOWED WHITE SQUARE) in the Dingbats block (U+2700–U+27BF)—a white square with a drop shadow in the upper right corner, used for decorative elements, UI design, visual indicators, and design accents.

Render it with ❐, ❐, or CSS escape \2750. There is no named HTML entity. Compare ❏ (Lower Right Drop Shadowed White Square, U+274F) and ❑ (Lower Right Shadowed White Square, U+2751) for related shadowed square variants.

⚡ Quick Reference — Upper Right Drop Shadowed White Square

Unicode U+2750

Dingbats block

Hex Code ❐

Hexadecimal reference

HTML Code ❐

Decimal reference

Named Entity

No named entity

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2750
Hex code       ❐
HTML code      ❐
Named entity   (none)
CSS code       \2750
Official name  UPPER RIGHT DROP-SHADOWED WHITE SQUARE
Related        U+274F = Lower right drop shadowed; U+2751 = Lower right shadowed
Block          Dingbats (U+2700–U+27BF)
1

Complete HTML Example

A simple example showing the Upper Right Drop Shadowed White Square (❐) using hexadecimal code, decimal HTML code, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point::after{
   content: "\2750";
  }
 </style>
</head>
<body>
<p>Drop shadowed square (hex): &#x2750;</p>
<p>Drop shadowed square (decimal): &#10064;</p>
<p id="point">Drop shadowed square (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Upper Right Drop Shadowed White Square (❐) is supported in modern browsers when the font includes Dingbats glyphs:

Chrome1+
Firefox1+
Safari1+
Edge12+
Opera4+
Android4.4+
iOS Safari1+

👀 Live Preview

See the Upper Right Drop Shadowed White Square (❐) in UI and design contexts:

Large glyph
Design accentNote ❐ featured item
vs lower right❐ upper   ❏ lower drop
DecorativeSection ❐ highlight
Numeric refs&#x2750; &#10064; \2750

🧠 How It Works

1

Hexadecimal Code

&#x2750; uses the Unicode hexadecimal value 2750 to display the Upper Right Drop Shadowed White Square. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#10064; uses the decimal Unicode value 10064 to display the same character. This is one of the most commonly used methods.

HTML markup
3

CSS Entity

\2750 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
=

Same visual result

All three methods produce the glyph: . Unicode U+2750 sits in Dingbats (U+2700–U+27BF). Related: U+274F (lower right drop shadowed), U+2751 (lower right shadowed). There is no named HTML entity.

Use Cases

The Upper Right Drop Shadowed White Square (❐) is commonly used in:

✨ Decorative elements

Ornamental designs, visual embellishments, and decorative typography.

💻 UI design

Interface elements, visual indicators, and design accents in web layouts.

🎨 Graphic design

Creative projects, logos, and visual content using shadowed square symbols.

📜 Visual indicators

Markers and design elements that need a drop-shadowed square for communication.

📖 Special typography

Decorative text, styled content, and typographic accents.

🌐 Web design

Website elements and online content requiring shadowed square symbols.

💡 Best Practices

Do

  • Use numeric references (&#x2750; or &#10064;) consistently in HTML
  • Mark purely decorative uses with aria-hidden="true" or provide alt text when meaningful
  • Pick the correct shadowed square variant (upper vs lower, drop vs heavy shadow)
  • Verify Dingbats glyph support in your target fonts and devices
  • Use \2750 in CSS content when inserting via pseudo-elements

Don’t

  • Confuse ❐ (U+2750, upper right drop shadowed) with ❏ (lower right drop shadowed) or ❑ (lower right shadowed)
  • Put CSS escape \2750 in HTML text nodes
  • Expect a named HTML entity—only numeric codes work for ❐
  • Use the symbol as the sole indicator for critical UI state without text labels
  • Assume decorative fonts include all Dingbats characters

Key Takeaways

1

Three references render ❐ (no named entity)

&#x2750; &#10064;
2

For CSS stylesheets, use the escape in the content property

\2750
3

Unicode U+2750 — UPPER RIGHT DROP-SHADOWED WHITE SQUARE

4

Dingbats block (U+2700–U+27BF)

❓ Frequently Asked Questions

Use &#x2750; (hex), &#10064; (decimal), or \2750 in CSS content. All produce ❐. There is no named HTML entity.
U+2750 (UPPER RIGHT DROP-SHADOWED WHITE SQUARE). Dingbats block (U+2700–U+27BF). Hex 2750, decimal 10064. A white square with a drop shadow in the upper right corner.
For decorative elements, UI design, visual indicators, design accents, special typography, and any content that needs a drop-shadowed square symbol for visual enhancement.
HTML code (&#10064; or &#x2750;) is used in HTML content. The CSS entity (\2750) is used in CSS, e.g. in the content property of ::before or ::after. Both produce ❐ but in different contexts.
Named HTML entities are typically reserved for ASCII, Latin-1, and some common symbols. Dingbats like ❐ use numeric codes (hex or decimal) because they are part of specialized Unicode blocks.

Explore More HTML Entities!

Discover 1500+ HTML character references — Dingbats, symbols, and more.

All HTML Entities →

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