HTML Entity for Lower Right Drop Shadowed White Square (❏)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+274F
HTML Entity for Lower Right Drop Shadowed White Square tutorial illustration

What You'll Learn

How to display the Lower Right Drop Shadowed White Square (❏) in HTML using various entity methods. This symbol is a white square with a drop shadow extending to the lower right and is useful for checkboxes, list markers, design elements, 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 Drop Shadowed White Square Entity

Unicode U+274F

Dingbats block

Hex Code ❏

Hexadecimal reference

HTML Code ❏

Decimal reference

Named Entity —

No named entity

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

Complete HTML Example

A simple example showing the Lower 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: "\274F";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x274F;</p>
<p>Symbol (decimal): &#10063;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

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

Large glyph❏
Checkbox style❏ Optional item
List marker❏ To-do task
PlaceholderImage frame ❏
Numeric refs&#x274F; &#10063; \274F

🧠 How It Works

1

Hexadecimal Code

&#x274F; uses the Unicode hexadecimal value 274F to display the symbol. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

CSS Entity

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

✅

Use Cases

The Lower Right Drop 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 drop-shadow 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 (&#x274F; or &#10063;) consistently in HTML
  • Test contrast on light and dark backgrounds so the shadow remains visible
  • Consider U+2750 or U+274E when a different shadow direction is needed
  • Use \274F in CSS content when inserting via pseudo-elements

Don’t

  • Replace real form controls with ❏ alone—use native inputs for accessibility
  • Put CSS escape \274F in HTML text nodes
  • Expect a named HTML entity—only numeric codes work for ❏
  • Assume the shadow renders identically across all fonts and platforms
  • Use the symbol without context when meaning is unclear (add “Optional” text)

Key Takeaways

1

Three references render ❏ (no named entity)

&#x274F; &#10063;
2

For CSS stylesheets, use the escape in the content property

\274F
3

Unicode U+274F — LOWER RIGHT DROP-SHADOWED WHITE SQUARE

4

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

5

Previous: Lower Left Semicircular Anticlockwise Arrow (⤿)   Next: Lower Right Pencil

❓ Frequently Asked Questions

Use &#x274F; (hex), &#10063; (decimal), or \274F in CSS content. All produce ❏. There is no named HTML entity.
U+274F (LOWER RIGHT DROP-SHADOWED WHITE SQUARE). Dingbats block. Hex 274F, decimal 10063. It is a white square with a drop shadow extending to the lower right.
For checkbox-style indicators, list markers, design and typography, forms and UI elements, documentation notes, decorative blocks, and any content where a white square with a drop shadow is needed.
HTML code (&#10063; or &#x274F;) is used in HTML content. The CSS entity (\274F) 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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

Lower Left Semicircular Anticlockwise Arrow (⤿) Lower Right Pencil