HTML Entity for Swung Dash (⁓)
What You'll Learn
How to display the Swung Dash symbol (⁓) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2053 (SWUNG DASH) in the General Punctuation block (U+2000–U+206F)—a curved dash used in typography, dictionary notation, and decorative text.
Render it with ⁓, ⁓, or CSS escape \2053. There is no named HTML entity. Do not confuse ⁓ (swung dash) with – (en dash), — (em dash), or ~ (tilde, U+007E).
⚡ Quick Reference — Swung Dash
U+2053General Punctuation
⁓Hexadecimal reference
⁓Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2053
Hex code ⁓
HTML code ⁓
Named entity (none)
CSS code \2053
Block General Punctuation (U+2000–U+206F)
Related U+2013 = En Dash (–), U+2014 = Em Dash (—)Complete HTML Example
This example demonstrates the Swung Dash symbol (⁓) using hexadecimal code, decimal HTML code, and a CSS content escape (no named entity):
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2053";
}
</style>
</head>
<body>
<p>Using Hexadecimal: ⁓</p>
<p>Using HTML Code: ⁓</p>
<p id="point">Using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Swung Dash entity is universally supported in all modern browsers:
👀 Live Preview
See the Swung Dash symbol (⁓) rendered in different contexts:
🧠 How It Works
Hexadecimal Code
⁓ uses the Unicode hexadecimal value 2053 to display the symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
⁓ uses the decimal Unicode value 8275 to display the same character. This is one of the most commonly used methods.
CSS Entity
\2053 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce the glyph: ⁓. Unicode U+2053 in the General Punctuation block (U+2000–U+206F). No named entity.
Use Cases
The Swung Dash symbol (⁓) commonly appears in:
Formal documents and styled text with decorative dashes.
Reference works and linguistic content.
Graphic design, logos, and creative writing.
Academic papers and professional publications.
Magazines and publications with decorative typography.
Some mathematical and scientific typography contexts.
Tutorials on punctuation and typographic symbols.
💡 Best Practices
Do
- Use
⁓or⁓for the swung dash glyph - Pick one style (hex or decimal) per project for consistency
- Verify your font supports General Punctuation characters
- Add
aria-labelwhen the symbol carries meaning on its own - Test rendering across browsers and devices
Don’t
- Confuse ⁓ (swung dash) with – (en dash) or — (em dash)
- Substitute a tilde (~) when a swung dash is required
- Put CSS escape
\2053directly in HTML text nodes - Expect a named HTML entity for U+2053—use numeric references
- Use HTML entities in JS (use
\u2053instead)
Key Takeaways
Two HTML references both render ⁓
⁓ ⁓For CSS stylesheets, use the escape in the content property
\2053Unicode U+2053 — SWUNG DASH
No named entity—use numeric references or CSS escape
Part of General Punctuation alongside en dash (–) and em dash (—)
❓ Frequently Asked Questions
⁓ (hex), ⁓ (decimal), or \2053 in CSS content. There is no named HTML entity. All three produce ⁓.U+2053 (SWUNG DASH). General Punctuation block (U+2000–U+206F). Hex 2053, decimal 8275.⁓ or ⁓) go directly in markup. The CSS escape \2053 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — punctuation, math, currency, and more.
About the author
8 people found this page helpful