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

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+2750

HTML Entity for Upper Right Drop Shadowed White Square (U+2750) tutorial illustration

Definition

What Is the Upper Right Drop Shadowed White Square Entity?

Upper Right Drop Shadowed White Square (❐) is the Unicode character at U+2750 (UPPER RIGHT DROP-SHADOWED WHITE SQUARE) in Dingbats. It is a white square with a drop shadow toward the upper right — used for decorative accents and visual markers.

Remember

Character     ❐
Unicode       U+2750
Hex entity    &#x2750;
Decimal       &#10064;
CSS escape    \2750
Named entity  (none)

All of these produce the same glyph: ❐. Related variants: Lower Right Drop Shadowed White Square (U+274F) and Lower Right Shadowed White Square (U+2751).

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Direct character	`❐`	HTML text (UTF-8)
Hex entity	`❐`	HTML markup
Decimal entity	`❐`	HTML markup
CSS escape	`\2750`	Stylesheet `content`
Named entity	—	Not defined in HTML5

When to Use Which

Situation	Use
Need this shadowed square	Type the character, or `❐` / `❐`
Generated text via `::before` / `::after`	`content: "\2750"`
Lower-right drop shadowed	Use ❏ (U+274F)
Lower-right shadowed	Use ❑ (U+2751)
Real UI card shadow	Prefer CSS `box-shadow`, not a Dingbat glyph

See it

Live Preview

This shadowed square in common design contexts.

Accent Note ❐ featured item

Large glyph ❐

Compared ❐ upper ❏ lower drop ❑ lower

Decorative Section ❐ highlight

With entities Hex: ❐ | Decimal: ❐

Code

Complete HTML Example

One page that shows this symbol with hex, decimal, CSS, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

All four ways to produce ❐ in a single document (plus a short accent label).

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Upper Right Drop Shadowed White Square</title>
  <style>
    #point::after {
      content: "\2750";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x2750;</p>
  <p>Using HTML Code: &#10064;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: &#x2750;</p>
  <p>Note &#x2750; featured item</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+2750 → ❐ in HTML. The browser turns it into the glyph.

2. Decimal: same code point as 10064 → ❐. Same result as hex.

3. CSS: use \2750 in content (not an HTML entity). #point::after appends that glyph after the paragraph text.

4. Typed / label: fine in UTF-8 pages. The Note ❐ featured item line shows a common accent pattern.

Pitfalls & Tips

Common mistakes when working with this symbol.

Named?

No named entity

HTML5 does not define a named entity for U+2750. Use numeric forms.

Look-alikes

Shadow direction matters

U+2750 is upper-right drop shadowed. U+274F is lower-right drop shadowed. U+2751 is lower-right shadowed.

Not a real CSS shadow

This is a decorative character. For interactive cards and layouts, use CSS box-shadow.

CSS vs HTML

Do not mix escapes

\2750 belongs in CSS. ❐ / ❐ belong in HTML.

A11y

Do not rely on the icon alone

Screen readers may not name this square clearly. Keep descriptive text nearby.

Semicolon

End references

Always finish with ; — write ❐, not &#10064.

Compatibility

Browser Support

Upper Right Drop Shadowed White Square (U+2750) and its numeric entity forms (❐, ❐, CSS \\2750) are supported in all mainstream browsers. Glyph shape depends on the font.

✓ Universal support

Upper Right Drop Shadowed White Square

Encode with hex, decimal, or CSS escape — or paste the character in UTF-8 HTML.

100% Browser coverage

Google Chrome Supported

Yes

Microsoft Edge Supported

Yes

Mozilla Firefox Supported

Yes

Apple Safari Supported

Yes

Opera Supported

Yes

Internet Explorer All versions

Yes

U+2750 / entities Full support

Bottom line: Use ❐ or ❐ for the Unicode glyph, and \\2750 only inside CSS content. Prefer CSS shadows for real UI depth.

Remember

Key Takeaways

Unicode: this symbol is U+2750 (decimal 10064).
HTML: use ❐ or ❐ when you need an entity.
CSS: use \2750 inside content for generated text.
Watch out: U+2750 ≠ U+274F ≠ U+2751 (shadow variants).

One line: U+2750 → ❐ / ❐ / CSS \2750.

Frequently Asked Questions

How do I display Upper Right Drop Shadowed White Square in HTML?

Use ❐ (hex), ❐ (decimal), or the CSS escape \2750 in the content property. All render U+2750. You can also paste the character directly when your file is UTF-8.

What is the Unicode value for this square?

U+2750 (hex 2750, decimal 10064). Unicode names it UPPER RIGHT DROP-SHADOWED WHITE SQUARE. It belongs to Dingbats (U+2700–U+27BF).

Is there a named HTML entity for U+2750?

No. HTML5 does not define a named entity for this character. Use numeric references like ❐ or ❐.

How is U+2750 different from U+274F and U+2751?

U+2750 is upper-right drop shadowed. U+274F is lower-right drop shadowed. U+2751 is lower-right shadowed (without the “drop” form). They are different Dingbats code points.

What is the difference between HTML code and CSS entity for U+2750?

HTML entities (❐ or ❐) go in markup. The CSS escape \2750 is used in stylesheets (usually in the content property of ::before/::after). Both render the same glyph.

When should I use this symbol?

Use it for decorative accents, highlight markers, or visual bullets. Prefer CSS box shadows when you need a real UI card shadow. Always pair the glyph with clear labels for accessibility.

Did you know?

This symbol is Unicode U+2750 (decimal 10064) — official name UPPER RIGHT DROP-SHADOWED WHITE SQUARE in Dingbats. HTML5 has no named entity. Related forms include lower-right drop shadowed U+274F and lower-right shadowed U+2751.

Next: Upper Right Pencil

Learn the HTML entity for Upper Right Pencil — next in this sequence.

Continue tutorial →

About the author

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

HTML Entity | Upper Blade Scissors HTML Entity | Upper Right Pencil