HTML Entity for Shadowed White Circle (❍)
What You'll Learn
How to display the Shadowed White Circle (❍) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+274D (LOWER RIGHT SHADOWED WHITE CIRCLE) in the Dingbats block (U+2700–U+27BF)—a decorative circle with a shadow effect, often used for bullets and ornamental design.
Render it with ❍, ❍, or CSS \274D. There is no named HTML entity. Do not confuse ❍ with plain white circle U+25CB (○) or medium white circle U+26AA (⚪).
⚡ Quick Reference — Shadowed White Circle
U+274DDingbats (U+2700–U+27BF)
❍Hexadecimal reference
❍Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+274D
Hex code ❍
HTML code ❍
Named entity (none)
CSS code \274D
Official name Lower right shadowed white circle
Related U+25CB = white circle (○)
U+274E = negative squared cross mark (❎)
Block Dingbats (U+2700–U+27BF)Complete HTML Example
A simple example showing ❍ using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\274D";
}
</style>
</head>
<body>
<p>Shadowed white circle (hex): ❍</p>
<p>Shadowed white circle (decimal): ❍</p>
<p id="point">Shadowed white circle (CSS): </p>
</body>
</html>🌐 Browser Support
The Shadowed White Circle (❍) is supported in modern browsers when fonts include Dingbats glyphs:
👀 Live Preview
See the Shadowed White Circle in decorative and list contexts:
content: "\274D" on ::marker or ::before🧠 How It Works
Hexadecimal Code
❍ uses Unicode hexadecimal 274D to display the shadowed white circle.
Decimal HTML Code
❍ uses decimal Unicode value 10061 for the same character.
CSS Entity
\274D is used in CSS stylesheets in the content property of pseudo-elements for custom bullets.
Decorative result
All three methods produce ❍. Unicode U+274D in Dingbats. No named entity. Next: Shadowed White Latin Cross.
Use Cases
The Shadowed White Circle (❍) commonly appears in:
Custom list markers with visual depth in articles and landing pages.
Styled unordered lists via CSS ::before or ::marker.
Creative layouts, portfolios, and decorative typography.
Navigation markers, feature lists, and icon-like embellishments.
Dingbats and HTML entity reference documentation.
Reusable bullet components built with CSS content.
💡 Best Practices
Do
- Use
❍or❍in HTML markup - Use CSS
content: "\274D"for reusable list bullets - Test rendering across browsers and system fonts
- Add
aria-hidden="true"when purely decorative - Keep bullet size consistent with line height via CSS
Don’t
- Use padded Unicode notation like U+0274D—the correct value is
U+274D - Expect a named HTML entity for U+274D
- Confuse ❍ with plain circle ○ or ⚪
- Put CSS escape
\274Din HTML text nodes - Rely on decorative bullets alone for list semantics—use proper
<ul>/<li>
Key Takeaways
Three ways to render U+274D in HTML and CSS
❍ ❍For CSS stylesheets, use \274D in the content property
Unicode U+274D — LOWER RIGHT SHADOWED WHITE CIRCLE
No named entity—Dingbats block decorative symbol
Previous: Set Minus (∖) Next: Shadowed White Latin Cross
❓ Frequently Asked Questions
❍ (hex), ❍ (decimal), or \274D in CSS content. There is no named HTML entity. All three render ❍.U+274D (LOWER RIGHT SHADOWED WHITE CIRCLE). Dingbats (U+2700–U+27BF). Hex 274D, decimal 10061.❍ or ❍) go in markup. The CSS escape \274D is used in stylesheets, typically in the content property of pseudo-elements for custom bullets.Explore More HTML Entities!
Discover 1500+ HTML character references — Dingbats, symbols, and more.
About the author
8 people found this page helpful