HTML Entity for Shadowed White Circle (❍)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+274D

What Is the Shadowed White Circle Entity?

Shadowed White Circle (❍) is the Dingbats character at Unicode U+274D (LOWER RIGHT SHADOWED WHITE CIRCLE). It is a decorative circle with a shadow — popular for ornamental bullets.

Remember
Character     ❍
Unicode       U+274D
Hex entity    ❍
Decimal       ❍
Named entity  (none)
CSS escape    \274D
Not the same  ○ (white circle) · ⚪ (medium white circle)

Hex, decimal, CSS, and a typed character all produce the same glyph: ❍. Prefer ❍ when you want an explicit entity. For reusable bullets, CSS content: "\274D" on ::before or ::marker works well.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Hex entity❍HTML markup (best entity default)
Decimal entity❍HTML markup
Named entityNoneHTML5 does not define one
CSS escape\274DStylesheet content
Direct character❍UTF-8 HTML text

When to Use Which

SituationUse
Decorative bullet in text❍ or ❍
Custom list marker via CSScontent: "\274D" on ::before / ::marker
Plain white circleUse U+25CB (○)
Medium white circleUse U+26AA (⚪)
Related Dingbat bullete.g. U+2767 (❧)

Live Preview

Shadowed White Circle as bullets, compared with simpler circle glyphs.

Bullet list ❍ First   ❍ Second   ❍ Third
Large glyph ❍
Hex entity ❍ → ❍
vs plain circles ❍  |  ○  |  ⚪
With entities Hex: ❍ | Decimal: ❍

Complete HTML Example

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

Hex + Decimal + CSS

Three ways to produce ❍ in a single document (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Shadowed White Circle (❍)</title>
  <style>
    #point::after {
      content: "\274D";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x274D;</p>
  <p>Using HTML Code: &#10061;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Bullet: &#x274D; Decorative list item</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+274D → &#x274D; in HTML. The browser turns it into ❍.

2. Decimal: same code point as 10061 → &#10061;. Same result as hex.

3. Named: HTML5 does not define a named entity for this character — use hex or decimal instead.

4. CSS: use \274D in content (not an HTML entity). #point::after appends that ❍ after the paragraph text.

Pitfalls & Tips

Common mistakes when working with Shadowed White Circle.

Look-alikes

❍ ≠ ○ ≠ ⚪

U+274D has a shadow. Plain and medium white circles are different Dingbat / Geometric shapes.

Named

No &…; name

Do not invent a name. Use &#x274D; or &#10061;.

A11y

Keep real lists

Use <ul>/<li> for structure. Style markers with CSS — do not fake lists with glyphs alone.

Fonts

Glyph coverage

Dingbats coverage varies. Test on mobile and provide a fallback bullet if ❍ is missing.

CSS vs HTML

Do not mix escapes

\274D belongs in CSS. &#x274D; / &#10061; belong in HTML.

Semicolon

End references

Always finish with ; — write &#x274D;, not &#x274D.

Browser Support

Shadowed White Circle (U+274D) and its entity forms (&#x274D;, &#10061;, CSS \\274D) are supported in all modern browsers. Glyph coverage depends on the font.

✓ Universal encoding

Shadowed White Circle (&#x274D;)

Encode with hex, decimal, or CSS escape — or type ❍ directly in UTF-8 HTML. No named entity.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer IE 9+
Yes*
U+274D Full support

Bottom line: Prefer &#x274D; for readable HTML. Use \\274D only inside CSS content. Keep semantic lists for accessibility.

Key Takeaways

  • Unicode: this symbol is U+274D (decimal 10061) — shadowed white circle.
  • HTML: prefer &#x274D; — or use &#10061;. No named entity.
  • CSS: use \274D inside content for custom bullets.
  • Watch out: not the same as plain ○ or medium ⚪ circles.

One line: U+274D → &#x274D; / &#10061; / CSS \274D (no named entity).

Frequently Asked Questions

Use &#x274D; (hex), &#10061; (decimal), or the CSS escape \274D in the content property. All render ❍ when the font supports Dingbats. There is no named HTML entity.
U+274D (LOWER RIGHT SHADOWED WHITE CIRCLE). Hex 274D, decimal 10061. It belongs to Dingbats (U+2700–U+27BF).
No. HTML5 does not define a named entity for U+274D. Use numeric references like &#x274D; or &#10061;.
Use it for decorative bullets, ornamental accents, and custom list markers. Keep real lists in <ul>/<li> for accessibility — do not rely on the glyph alone for structure.
HTML entities (&#10061; or &#x274D;) go in markup. The CSS escape \274D is used in stylesheets (usually in the content property of ::before/::after or ::marker). Both render ❍.
U+274D is a shadowed white circle (Dingbat). U+25CB is a plain white circle. U+26AA is a medium white circle. Similar shapes, different Unicode meanings and styles.

Did you know?

Shadowed White Circle is Unicode U+274D (decimal 10061) — LOWER RIGHT SHADOWED WHITE CIRCLE in Dingbats. HTML5 has no named entity — use &#x274D; or &#10061;. Do not confuse it with plain white circle (U+25CB) or medium white circle (U+26AA).

Next: Shadowed White Latin Cross

Learn the HTML entity for Shadowed White Latin Cross — next in this sequence.

Continue tutorial →

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