HTML Entity for Lower Right Shadowed White Square (❑)

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

What You'll Learn

How to display the Lower Right Shadowed White Square (❑) in HTML using various entity methods. This symbol is a white square with a shadow or heavy outline in the lower right, giving a three-dimensional or shaded look, and is useful for checkboxes, list markers, design, and UI.

This character is part of the Dingbats Unicode block and can be rendered with a hexadecimal reference, a decimal reference, or a CSS escape in the content property. There is no named HTML entity for this symbol.

⚡ Quick Reference — Lower Right Shadowed White Square Entity

Unicode U+2751

Dingbats block

Hex Code ❑

Hexadecimal reference

HTML Code ❑

Decimal reference

Named Entity

No named entity

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2751
Hex code       ❑
HTML code      ❑
Named entity   (none)
CSS code       \2751
Meaning        Lower right shadowed white square
Related        U+274F = ❏ (drop shadowed), U+2750 (upper right)
Block          Dingbats (U+2700–U+27BF)
1

Complete HTML Example

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

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\2751";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x2751;</p>
<p>Symbol (decimal): &#10065;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Lower Right 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 Lower Right Shadowed White Square (❑) in UI and design contexts:

Large glyph
Checkbox style❑ Optional item
List marker❑ To-do task
PlaceholderImage frame ❑
Numeric refs&#x2751; &#10065; \2751

🧠 How It Works

1

Hexadecimal Code

&#x2751; uses the Unicode hexadecimal value 2751 to display the symbol. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

CSS Entity

\2751 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+2751 sits in Dingbats. Related symbols include U+274F (❏ drop shadowed) and U+2750 (upper right drop shadowed). There is no named HTML entity.

Use Cases

The Lower Right Shadowed White Square (❑) is commonly used in:

☑ Checkbox & lists

Use as an unchecked or optional checkbox style, or as a list bullet in to-do lists and forms.

🎨 Design & typography

Add a shadowed square as a design element in layouts, cards, or typographic compositions.

📋 Forms & UI

Represent options, placeholders, or selectable items in forms and user interfaces.

📄 Documentation

Mark sections, notes, or blocks in documentation and technical writing.

📌 Decorative blocks

Use as a frame or block accent in flyers, invitations, or decorative content.

🖼 Placeholders

Suggest a box or frame for images, cards, or media placeholders in layouts.

📊 Diagrams

Represent process steps, decision blocks, or nodes in simple diagrams.

💡 Best Practices

Do

  • Pair with semantic HTML (<input type="checkbox">) or aria-label when used as a control
  • Use numeric references (&#x2751; or &#10065;) consistently in HTML
  • Test contrast on light and dark backgrounds so the shadow remains visible
  • Use U+274F (❏) for drop-shadow style when that variant fits better
  • Use \2751 in CSS content when inserting via pseudo-elements

Don’t

  • Replace real form controls with ❑ alone—use native inputs for accessibility
  • Confuse ❑ (U+2751 shadowed) with ❏ (U+274F drop shadowed)
  • Put CSS escape \2751 in HTML text nodes
  • Expect a named HTML entity—only numeric codes work for ❑
  • Use the symbol without context when meaning is unclear (add “Optional” text)

Key Takeaways

1

Three references render ❑ (no named entity)

&#x2751; &#10065;
2

For CSS stylesheets, use the escape in the content property

\2751
3

Unicode U+2751 — LOWER RIGHT SHADOWED WHITE SQUARE

4

White square with heavy outline shadow to the lower right (Dingbats block)

❓ Frequently Asked Questions

Use &#x2751; (hex), &#10065; (decimal), or \2751 in CSS content. All produce ❑. There is no named HTML entity.
U+2751 (LOWER RIGHT SHADOWED WHITE SQUARE). Dingbats block. Hex 2751, decimal 10065. It is a white square with a shadow effect (heavy outline) in the lower right, giving a three-dimensional or shaded appearance.
For checkbox-style indicators, list markers, design and typography, forms and UI elements, documentation notes, decorative blocks, and any content where a shadowed white square is needed.
HTML code (&#10065; or &#x2751;) is used in HTML content. The CSS entity (\2751) 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