HTML Entity for Circled Dash (⊝)
What You'll Learn
How to display the Circled Dash (⊝) in HTML using numeric references, named entities, and CSS escapes. This character is U+229D (CIRCLED DASH) in the Mathematical Operators block (U+2200–U+22FF). It is used in formal math notation as a circled-dash operator.
You can use the named entity ⊝, hex ⊝, decimal ⊝, or CSS \229D. Do not confuse ⊝ with Circled Minus U+2296 (⊖, ⊖) or plain minus U+2212 (−).
⚡ Quick Reference — Circled Dash
U+229DMathematical Operators block
⊝Hexadecimal reference
⊝Decimal reference
⊝Standard HTML entity
Name Value
──────────── ──────────
Unicode U+229D
Hex code ⊝
HTML code ⊝
Named entity ⊝
CSS code \229DComplete HTML Example
This example demonstrates the Circled Dash (⊝) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\229D";
}
</style>
</head>
<body>
<p class="math">Circled Dash using Hexa Decimal: ⊝</p>
<p class="math">Circled Dash using HTML Code: ⊝</p>
<p class="math">Circled Dash using HTML Entity: ⊝</p>
<p class="math" id="point">Circled Dash using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Circled Dash entity is universally supported in all modern browsers:
👀 Live Preview
See the Circled Dash in math and notation contexts:
🧠 How It Works
Hexadecimal Code
⊝ uses the Unicode hexadecimal value 229D to display the Circled Dash.
Decimal HTML Code
⊝ uses the decimal Unicode value 8861 to display the same character.
Named HTML Entity
⊝ is the standard named entity for U+229D—short for “operator dash.”
CSS Entity
\229D is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All four methods produce the Circled Dash glyph: ⊝. Unicode U+229D sits in Mathematical Operators (U+2200–U+22FF).
Use Cases
The Circled Dash (⊝) commonly appears in:
Equations and formal notation using the circled-dash operator.
Set operations, algebra, and symmetric-difference-related notation.
Technical papers and research content with operator symbols.
Math tutorials, textbooks, and e-learning platforms.
Interfaces and creative typography using circled operator glyphs.
Unicode tables and math operator glossaries.
Use MathML or aria-label="circled dash operator" for screen readers.
💡 Best Practices
Do
- Prefer
⊝for readable math HTML source - Use math-friendly fonts (Cambria Math, STIX Two Math, serif)
- Keep entity style consistent within a document
- Consider MathML for complex equations
- Distinguish U+229D from U+2296 in explanatory text
Don’t
- Confuse U+229D (⊝) with U+2296 Circled Minus (⊖)
- Put CSS escape
\229Dinside HTML text nodes - Assume every font renders Mathematical Operators identically
- Use ⊝ decoratively where a plain minus is intended
- Mix entity styles randomly in one file
Key Takeaways
Named entity is the easiest option
⊝Numeric references also render ⊝
⊝ ⊝For CSS stylesheets, use the escape in the content property
\229DU+229D CIRCLED DASH — not U+2296
Four methods, one glyph — all widely supported
❓ Frequently Asked Questions
⊝ (named entity), ⊝ (hex), ⊝ (decimal), or \229D in CSS content. All produce ⊝.U+229D (CIRCLED DASH). Mathematical Operators block (U+2200–U+22FF). Hex 229D, decimal 8861.⊝, ⊝, or ⊝) go directly in markup. The CSS escape \229D is used in stylesheets, typically in the content property of pseudo-elements.⊝ is the named entity for U+229D. Circled Minus is a different character: U+2296 (⊖) with ⊖.Explore More HTML Entities!
Discover 1500+ HTML character references — math operators, symbols, arrows, and more.
About the author
8 people found this page helpful