HTML Entity for Lower Right Shadowed White Square (❑)

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
U+2751Dingbats block
❑Hexadecimal reference
❑Decimal reference
—No named entity
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)Complete HTML Example
A simple example showing the Lower Right Shadowed White Square (❑) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2751";
}
</style>
</head>
<body>
<p>Symbol (hex): ❑</p>
<p>Symbol (decimal): ❑</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>🌐 Browser Support
The Lower Right Shadowed White Square (❑) is supported in modern browsers when the font includes Dingbats glyphs:
👀 Live Preview
See the Lower Right Shadowed White Square (❑) in UI and design contexts:
🧠 How It Works
Hexadecimal Code
❑ uses the Unicode hexadecimal value 2751 to display the symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
❑ uses the decimal Unicode value 10065 to display the same character. This is one of the most commonly used methods.
CSS Entity
\2751 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
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:
Use as an unchecked or optional checkbox style, or as a list bullet in to-do lists and forms.
Add a shadowed square as a design element in layouts, cards, or typographic compositions.
Represent options, placeholders, or selectable items in forms and user interfaces.
Mark sections, notes, or blocks in documentation and technical writing.
Use as a frame or block accent in flyers, invitations, or decorative content.
Suggest a box or frame for images, cards, or media placeholders in layouts.
Represent process steps, decision blocks, or nodes in simple diagrams.
💡 Best Practices
Do
- Pair with semantic HTML (
<input type="checkbox">) oraria-labelwhen used as a control - Use numeric references (
❑or❑) 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
\2751in CSScontentwhen 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
\2751in 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
Three references render ❑ (no named entity)
❑ ❑For CSS stylesheets, use the escape in the content property
\2751Unicode U+2751 — LOWER RIGHT SHADOWED WHITE SQUARE
White square with heavy outline shadow to the lower right (Dingbats block)
Previous: Lower Right Semicircular Clockwise Arrow (⤾) Next: Lowercase 5 Tone
❓ Frequently Asked Questions
❑ (hex), ❑ (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.❑ or ❑) 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.Explore More HTML Entities!
Discover 1500+ HTML character references — Dingbats, symbols, and more.
8 people found this page helpful
